Herkese merhaba, DevTools Özeti'nin son sürümünde güçlü eşzamansız çağrı yığınlarına ve daha fazlasına göz attık. Bu sürümde, gelişmiş Ağ Paneli filtreleme (otomatik tamamlama ile), Gölge DOM içeriği ile düzenleme özellikleri, CodeMirror 4 güncellemeleri ve daha fazlasını göreceğiz.
Ağ paneli filtreleme
Artık kaynakları Alan gibi belirli alanlara göre filtreleyebilirsiniz. Filtre biçimlerinden biri şudur: Domain:website.com. Filtrelemeye ek olarak, siz sorgunuzu yazarken gerçek zamanlı olarak güncellenen geçerli filtre değerleri için otomatik tamamlama önerileri de alırsınız. Belirli bir alan tarafından sunulan tüm kaynakları bulmanız gerektiğinde bu seçenekten yararlanabilirsiniz. [crbubg.com/258421]
Gölge DOM içeriğini düzenle
Geliştirici Araçları, her zaman Öğeler panelinde normal HTML'yi düzenleyebiliyor. Bu özellikler artık Gölge DOM'un bir parçası olan öğeleri kapsayacak şekilde genişletiliyor. [crbug.com/348991]
CodeMirror 4.0'a yükseltin
Kaynak Paneli'nin bir parçası olarak kullanılan JavaScript tabanlı metin düzenleyici CodeMirror, sürüm 4'e yükseltildi. Bu değişiklikler sonucunda bir dizi yeni işlev eklenmiştir. crbug.com/356878]
CSS mülkü için hızlı arama
Artık Stiller bölmesindeki yeni arama kutusundan özellik adlarını, değerleri veya kural seçicileri arayabilirsiniz. Siz sorgunuzu yazarken sonuçlar gerçek zamanlı olarak vurgulanır. [crbug.com/278852]
Konsol mesajlarının yanındaki zaman damgaları
İletileri hızla art arda günlüğe kaydederken iletinin tam olarak ne zaman günlüğe kaydedildiğini görmek yararlı olabilir. Bu özelliği DevTools Denemeleri aracılığıyla etkinleştirebilirsiniz. [crbug.com/131714]
Yığın anlık görüntüleri için Bellek İstatistikleri dökümü
Kaydedilmiş bir yığın anlık görüntüsünü görüntülerken, JavaScript'in hangi özelliklerinin en fazla belleği tükettiğine dair görsel, renk kodlu bir genel bakış sunan statik pasta grafiğe dikkat edin. Şu anda deneysel bir özellik olup denemek için "Yığın anlık görüntü istatistikleri"ni etkinleştirin. [crbug.com/346335]
Bir console.log'un sarmalanmış sürümünü değil, orijinal kaynağını görüntüleme
Büyük olasılıkla bir console.log sarmalayıcı işleviniz vardır, ancak maalesef konsolda tüm iletileriniz util.js:46 gibi bir şablondan gelir. Artık Geliştirici Araçları'nın orijinal konumlarınızı çözmesini sağlayabilirsiniz. Konsol günlük mesajlarının sarmalandığı dosyayı, DevTools'un kara kutucuğuna yerleştirmek için "Belirli adlara sahip kaynaklar arasında adım atlamayı atla" giriş kutusuna girin. Ardından, bir günlük ifadesinin gerçek kaynağını gösterin. [crbug.com/231007]
Birkaç küçük ancak etkili ekleme daha
JavaScript etkinlik işleyicilerini dinamik bir şekilde ekledikten veya kaldırdıktan sonra, Nesne Paneli'ndeki Etkinlik İşleyicileri bölmesini yenileyin. [crbug.com/341044]
Konsol girişine odaklanmak için
Ctrl+kullanabilirsiniz. Geliştirici Araçları'ndaki yalnızca klavye iş akışı için bu özelliği faydalı bulabilirsiniz. [crbug.com/144943]Değerlere (noktalı, kesikli, çift, girinti) yönelik kenarlık stili otomatik tamamlama önerileri spesifikasyonla eşleşecek şekilde güncellendi. [crbug.com/349998]
Varsayılanları geri yükle ve yeniden yükle düğmesi **kutudaki ifadeyi tam olarak yapan Ayarlar paneline eklenmiştir. [crbug.com/135451]
Şu anda deneysel bir özellik olduğundan, iş akışınıza uygunluğunu keşfetmek için sola sabitle özelliğini deneyebilirsiniz. Diğer düzen modları, ana pencereye (sağ veya alt) yerleştirilir ve ayrı bir pencereye yerleştirilir. [crbug.com/134282]
"wheel" artık etkinlik işleyici ayrılma noktası olarak sunulmaktadır. Bu, olağan tıklama, fareyi hareket ettirme, fareyle aşağı çekme vb. etkinliklere ek olarak sağlanmaktadır. [crbug.com/347562]
Şimdilik bu kadar. Okuduğunuz için teşekkür ederiz.