Merhaba, ben Kayce. DevTools'un teknik yazarıyım. Size Geliştirici Araçları'ndaki son gelişmelerden bahsetmek istiyorum.
Kaynaklar paneli Uygulama paneli adını aldı
Chrome 52 sürümünden itibaren Kaynaklar paneli kullanımdan kaldırılmıştır! Uygulama paneli olarak yeniden adlandırıldı. Kaynaklar panelinin eski özelliklerinin yanı sıra Progresif Web Uygulamalarında hata ayıklamanıza yardımcı olacak pek çok yeni özelliği de kullanmaya devam edebilirsiniz. Artık hizmet çalışanı yaşam döngüsü ve önbellek zamanlaması sorunlarında hata ayıklamanın keyfini siz de yaşayabilirsiniz.
Yeni özellikler hakkında daha fazla bilgi edinmek için sizin tarafınızdan yazılan yeni kılavuzumuza göz atın: Progresif Web Uygulamalarında Hata Ayıklama
ChromeLens
ChromeLens, web sitenizi görme engelliler için daha erişilebilir hale getirmenize yardımcı olacak mükemmel bir yeni uzantıdır.
Not: Rob Dodson, a11ycasts adlı erişilebilirlikle ilgili yeni bir video serisini kısa süre önce yayınladı.
Yeni özellikler artık Canary'de
Canary şu anda Chrome 54 olarak adlandırılıyor. Dolayısıyla, Chrome 54 veya sonraki bir sürümü kullanıyorsanız gelecekteki okuyucular için bu özelliklerden yararlanabilirsiniz!
Renk Seçici, Kaynaklar panelinde yer alır.
Ağ panelindeki Kaynaklar bölmesini sağ tıklayarak tüm kaynaklarınızı indirmek için bir cURL isteği dizesini kopyalayabilirsiniz.
JavaScript, Komut Menüsünden devre dışı bırakılabilir. Bu, eskiden yalnızca Ayarlar'dan kullanılabiliyordu.
console.warn() artık bir yığın izleme içeriyor.
Bu son özellik birkaç aydır kullanımdaydı ama yine de bahsetmeye değer. JS Profili seçeneği etkin durumdayken Zaman Çizelgesi kaydı oluşturun. Kaynaklar panelinde yürütme sürelerinin işlev bazında dökümünü görebilirsiniz.
Topluluktan yeni fikirler
Gelecekte size Yakın olan Geliştirici Araçları'nda kullanılabilecek bazı yeni fikirler aşağıda verilmiştir.
- @matthewcp: Büyüyen nesnelerin basit bir listesini görüntüleyerek bellek sızıntısı hata ayıklama işlemini hızlandırın.
- @jonathanbingram: Klavye kısayollarını arttırma / azaltma ile
font-weightdeğerlerini artırın / azaltın. - @_bl4de: Çerezleri düzenleyin (aslında uzun süredir devam eden bir istek, ancak bu konuyu tekrar gündeme getirdiğiniz için teşekkürler). Söylentiye göre @kdzwinel'in bir PR çalışmaları var.
- @kienzle_s: Ağ paneli filtresine VEYA filtrelerini ekleyin.
Yeni bir fikriniz mi var? Öğrenmeyi çok isteriz. Twitter'da @ChromeDevTools adresinden bize ping gönderin ve durumu bize bildirin.
Düzeltilmesi gereken dokümanlar veya açıklanması gereken özellikler varsa, yine de doküman deposunda bir sorunu açmaktan çekinmeyin.
Gelecek ay görüşmek üzere!