DOM panelinin yeni içerik menüsünü kullanarak düğümleri verimli bir şekilde düzenleyin. Hizmetler işleyicilerini doğrudan Kaynaklar paneli üzerinden hata ayıklayın. Renk seçicideki tüm Materyal Tasarım renk tonları arasından seçim yapın. Blackbox JS kitaplıklarını daha kolay inceleyin.
DOM panelinin yeni ve geliştirilmiş içerik menüsü
DOM panelinde en çok kullanılan işlemleri analiz ettik ve sağ tıklama bağlam menüsünün daha düzenli ve yeniden düzenlenmiş olması gerektiği sonucuna vardık.
Artık bir öğeyi hızlı bir şekilde gizlemek veya silmek, :active veya :hover gibi belirli bir durumu tetiklemek ya da HTML'sini düzenlemek çok daha kolay. Dokunmatik yüzey kullanıyorsanız ve sağ tıklamak istemiyorsanız, bunun yerine seçili öğenin yanındaki üç küçük noktayı tıklayın.
Kaynaklar panelini kullanarak hizmet çalışanlarında hata ayıklama
Hizmet çalışanları, ayarlandıktan sonra harikadır ancak başlangıçta kafanızı karıştırabilir. Bu durum, hata ayıklama için DevTools'tan çıkıp yeni bir tarayıcı penceresinde chrome://serviceworker-internals/ adresini açmak gerekmesi nedeniyle daha da kötüye gitti.
Artık değil! Artık mevcut alan adının hizmet işçilerinde doğrudan Kaynaklar panelinden hata ayıklama yapabilirsiniz. Bu özellik üzerinde hâlâ çalışmalarımız devam ediyor ancak mevcut duruma kıyasla önemli bir iyileştirme sağladığını söyleyebiliriz.
Tüm renkler: Renk seçicide malzeme tasarımı gölgeleri
Birkaç hafta önce, birincil, çarpıcı renkleri kullanıma hazır hale getirmek için renk seçiciye Materyal Tasarım paletini ekledik. Tam bir sayfa tasarlamak için kaçınılmaz olarak tüm Materyal Tasarım renk tonlarına tam erişime ihtiyacınız olur, bu yüzden de renk tonlarını ekledik.
Tonları görmek için birincil renklerden birine uzun basın ve bunun yerine bir tonu tıklayın.
Ayarlar bölümünde JavaScript kitaplıklarını daha kolay kara kutuya alma
JavaScript'i karartma özelliği bir süredir kullanılıyor olsa da bu özelliğin keşfedilmesi çok kolay değildi. Bu özellik, yalnızca yazdığınız koda odaklanmak için bir sayfadaki komut dosyasını kara kutuya almanıza (ve tüm sarmalayıcı kodunu gizlemenize) olanak tanır.
Bu özelliği Ayarlar'a taşıdık. Deneyin:
Diğerleri arasından en iyiler
- Oluşturma açma/kapatma düğmelerine erişim yok mu? Oluşturma Ayarları, DevTools ana menüsüne ("Diğer Araçlar" altında) taşındı. Oluşturma Ayarları'na aşina olduğunuz seçeneklere (ör. FPS ölçer) ek olarak "Baskı medyasını taklit et" seçeneğini de ekledik.
- Çok amaçlı adres çubuğuna chrome://inspect yazmaktan yoruldunuz mu? Cihazları İncele'yi artık yeni ana menüdeki "Diğer Araçlar" bölümünde de bulabilirsiniz.
- Oluşturma veya Arama gibi kapatılabilir bu Çekmece sekmelerinden biri yanlışlıkla mı kapatıldı? Artık soldaki yeni menüyle bunları yeniden açabilirsiniz.
Her zaman olduğu gibi, Twitter üzerinden veya aşağıdaki yorumlar bölümünden düşüncelerinizi bizimle paylaşabilir, crbug.com/new adresinden de hataları bildirebilirsiniz.
Gelecek ay görüşmek üzere!
Paul Bakaus ve DevTools ekibi