Geliştirici Araçları mimarisi yenilemesi: Web Bileşenleri'ne geçiş

Bu gönderi, Geliştirici Araçları 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 ilk kez geliştirildiğinde, ekip yıllar önce özel olarak hazırlanmış bir kullanıcı arayüzü çerçevesi oluşturmayı seçti. O dönemde makul bir tercihti ve Geliştirici Araçları'na faydası dokundu.

Ancak o zamandan beri platformda çeşitli özellikler kullanıma sunuldu ve bunlardan biri olan Web Bileşenleri, Geliştirici Araçları'nda yeni kullanıcı arayüzü öğeleri oluşturmak için mükemmel bir seçim oldu. Platformun sağladıklarına dayanarak, özel olarak hazırlanan altyapıları desteklemek yerine, yönetmemiz gereken ısmarlama kullanıcı arayüzü kodu miktarını büyük ölçüde azaltabiliriz ve Geliştirici Araçları için özellik geliştirmeye daha fazla yatırım yapabiliriz.

Geçişe yardımcı olmak için Geliştirici Araçları'nda kullanıcı arayüzü öğeleri oluşturma ile ilgili bir kılavuz oluşturduk. Bu rehber, DevTools ekibiyle paylaşılacaktır. Kılavuzun bir bölümü Geliştirici Araçları'na ve kendi kısıtlamalarına sahip olan mimarisine özeldir. Ancak bir kısmı da Web Bileşenlerini oluşturmak, yapılandırmak ve test etmek için kullandığımız yaklaşımlara ilişkin genel yönergelerdir.

Bugün bu dokümanı goo.gle/building-ui-devtools adresinde herkese açık hâle getiriyoruz. Web Bileşenlerinin büyük, gerçek dünya uygulamalarında nasıl kullanıldığını veya bileşenlerin önceden var olan büyük bir kod tabanına entegre edilmesiyle ilgili bazı zorlukları merak ettiyseniz, bu belge size yardımcı olabilir ve bazı yanıtlar verebilir. Kurallarımızla ilgili herhangi bir sorunuz olursa bana tweet atabilirsiniz.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni geliştirilenler veya Beta'yı kullanmayı düşünün. Bu önizleme kanallarıyla Geliştirici Araçları'nın en yeni özelliklerine erişebilir, son teknoloji ürünü web platformu API'lerini test edebilir ve sitenizdeki sorunları kullanıcılarınızdan önce tespit edebilirsiniz!

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikler ve değişiklikler ya da Geliştirici Araçları ile ilgili diğer konular hakkında konuşmak için aşağıdaki seçenekleri kullanın.

  • crbug.com adresinden öneri veya geri bildirim gönderin.
  • Geliştirici Araçları'nda, Diğer seçenekler   Diğer > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak Geliştirici Araçları sorunlarını bildirin.
  • @ChromeDevTools adresine tweet gönderin.
  • Geliştirici Araçları'ndaki YouTube videoları veya Geliştirici Araçları İpuçları YouTube videolarındaki yenilikler hakkındaki görüşlerinizi bizimle paylaşın.