Bu yayın, DevTools'un mimarisinde yaptığımız değişiklikleri ve nasıl oluşturulduğunu açıklayan bir dizi blog yayınının bir parçasıdır.
DevTools çok uzun yıllar önce ilk oluşturulduğunda ekip özel bir kullanıcı arayüzü çerçevesi oluşturmayı seçti. Bu, o zamanlar makul bir seçimdi ve DevTools'a iyi hizmet etti.
Ancak o zamandan beri platforma çeşitli özellikler eklendi. Bunlardan biri olan Web Bileşenleri, DevTools'ta yeni kullanıcı arayüzü öğeleri oluşturmak için mükemmel bir seçimdir. Platformun sunduğu olanaklardan yararlanarak, özelleştirilmiş altyapıyı desteklemek yerine özelleştirilmiş kullanıcı arayüzü kodunu korumamız gereken miktarı büyük ölçüde azaltabilir ve DevTools için özellik geliştirmeye daha fazla yatırım yapabiliriz.
Geçiş sürecinde size yardımcı olmak için DevTools'ta kullanıcı arayüzü öğeleri oluşturmayla ilgili bir kılavuz hazırladık ve bunu daha geniş DevTools ekibiyle paylaştık. Kılavuzun bir kısmı DevTools ve mimarisine özeldir ve kendi kısıtlamalarını getirir. Ancak bir kısmı da Web bileşenlerini oluşturmak, yapılandırmak ve test etmek için kullandığımız yaklaşımlarla ilgili genel yönergelerdir.
Bu dokümanı goo.gle/building-ui-devtools adresinde herkese açık olarak kullanıma sunuyoruz. Web bileşenlerinin gerçek dünyadaki büyük uygulamalarda nasıl kullanıldığı veya bileşenleri önceden var olan büyük bir kod tabanına entegre etmenin getirdiği bazı zorluklar hakkında daha fazla bilgi edinmek istiyorsanız bu doküman size yardımcı olabilir ve bazı yanıtlar sağlayabilir. Yönergelerimizle ilgili sorularınız varsa bana tweet atabilirsiniz.
Önizleme kanallarını indirme
Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni Geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve sitenizdeki sorunları kullanıcılarınızdan önce bulmanıza yardımcı olur.
Chrome Geliştirici Araçları Ekibi ile iletişime geçme
Yeni özellikler, güncellemeler veya Geliştirici Araçları ile ilgili başka herhangi bir konu hakkında konuşmak için aşağıdaki seçenekleri kullanın.
- crbug.com adresinden bize geri bildirim ve özellik isteği gönderin.
- Geliştirici Araçları'nda Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak bir Geliştirici Araçları sorununu bildirin.
- @ChromeDevTools hesabına tweet gönderin.
- Geliştirici Araçları'ndaki yenilikler veya Geliştirici Araçları'yla ilgili ipuçları konulu YouTube videolarına yorum bırakın.