Geliştirici Araçları'ndaki yenilikler, Chrome 126

Sofia Emelianova
Sofia Emelianova
GitHub

Performans paneli iyileştirmeleri

Bu sürümde Performans panelinde çeşitli iyileştirmeler yapıldı.

Güncellenen parça yapılandırma moduyla parçaları taşıma ve gizleme

Kanal adını sağ tıklayıp Kanalları yapılandır'ı seçerek kanal yapılandırma moduna girebilirsiniz. Ek alan gerektiren düzenleme düğmesi kaldırıldı.

Düzenle düğmesi menü seçeneğiyle değiştirilmeden önce ve sonra.

Parça yapılandırma modu, parçaların sırasını değiştirmenize ve parçaları gizlemenize olanak tanır. Parçayı taşımak için yukarı veya aşağı simgesini, gizlemek için ise simgesini tıklayın. Yapılandırma modundan çıkmak için en alttaki Kanalları yapılandırmayı tamamla'yı tıklayın. Bu yapılandırma, yeni izlemeler için geçerli olmaya devam eder ancak sonraki DevTools oturumları için geçerli olmaz.

Chromium sorunu: 336266699.

Flame grafiğindeki komut dosyalarını yoksayma

Ana parçadaki alev grafiğine yoksayılanlar listesi desteği eklendi. Artık grafikte bir komut dosyasını sağ tıklayıp Komut dosyasını yoksayma listesine ekle'yi seçebilirsiniz.

Komut dosyasını yoksayılanlar listesine ekleme menü seçeneği, yoksayıldı olarak işaretlenen komut dosyaları ve Ayarlar'daki ilgili kurallar.

Grafikte, yoksayılan komut dosyaları daraltılır, Yoksayılanlar listesinde olarak işaretlenir ve Ayarlar > Yoksayılanlar listesi bölümündeki Özel hariç tutma kuralları'na eklenir. Yoksayılan komut dosyaları, izlemeden veya Özel hariç tutma kuralları'ndan kaldırılana kadar kaydedilir.

Chromium sorunu: 336266714.

CPU'yu 20 kat yavaşlatma

Performans panelinin Yakalama ayarları'ndaki CPU sınırlama menüsüne yeni bir 20 kat yavaşlatma seçeneği eklendi. Bu sayede, artık üst düzey bilgisayarlarda bile gerçek dünyadaki performans sorunlarını daha doğru bir şekilde yeniden üretebilir ve analiz edebilirsiniz.

"Kayıt ayarları"na "20 kat yavaşlatma" seçeneği eklenmeden önce ve eklendikten sonraki durum.

Chromium sorunu: 324978881.

Performans analizleri panelinin desteği sonlandırılacak

Deneysel Performans analizleri panelinin desteği 2024'te sonlandırılacak. Geliştirici Araçları ekibi, en kullanışlı özelliklerini Performans paneline entegre etmek için çalışıyor. Performans analizleri panelinin en üstünde, yaklaşan desteği sonlandırma işlemi hakkında sizi bilgilendiren bir banner gösterilir.

"Performans analizleri" panelindeki desteği sonlandırma uyarı banner'ı.

Daha fazla bilgi için 2024 ve sonrasında performans araçları başlıklı makaleyi inceleyin.

Hangi özelliklerin işe yaradığı, hangilerinin yaramadığı ve nelerin daha iyi yapılabileceği hakkında geri bildiriminiz varsa görüşlerinizi bizimle paylaşmanızı rica ederiz.

Geçersiz kılmak için üstbilgi dizelerinin tamamını yapıştırın.

Artık başlıkları geçersiz kılarken tam bir başlık dizesi (HEADER_NAME: VALUE) yapıştırabilirsiniz. Geliştirici Araçları, dizeyi : konumunda bölerek başlık adı ve değerini oluşturur.

Bu özelliği nasıl kullanacağınızı aşağıdaki videoda görebilirsiniz.

Üstbilgileri düzenlerken Ağ paneli artık alfanümerik karakterler, kısa çizgiler ve alt çizgiler dışında karakter girdiyseniz sizi uyarıyor.

Desteklenmeyen karakterler içeren bir üst bilgi adının yanındaki uyarı.

Ayrıca, geçersiz kılma menüsü seçenekleri ve Düzenle düğmeleri, amaçlanan davranışa uygun olarak chrome:// URL'leri için devre dışı bırakılır.

Chromium sorunları: 330967147, 337012362, 328210785.

Yığın anlık görüntülerindeki yeni filtrelerle aşırı bellek kullanımını bulma

Bellek panelindeki yığın anlık görüntüleri, yinelenen dizeler, ayrılmış DOM düğümleri ve Geliştirici Araçları Konsolu tarafından saklanan nesneler gibi verimsiz bellek kullanımının yaygın olduğu durumları bulmanıza yardımcı olabilecek yeni filtreler içerir.

Verimsiz bellek kullanımının yaygın olduğu durumlarda filtre seçenekleri eklenmeden önce ve eklendikten sonraki durum.

Chromium sorunu: 337094903.

Uygulama > Depolama bölümünde depolama paketlerini inceleme

Artık Uygulama > Depolama bölümündeki özel bir ağaçta depolama alanlarını inceleyebilirsiniz. Daha önce deneysel olan bu ağaç, varsayılan olarak etkinleştirildi.

Depolama bölümünde depolama paketi ağacı etkinleştirilmeden önce ve sonraki görünüm.

Chromium sorunu: 338094915.

Komut satırı işaretiyle kendi kendine XSS uyarılarını devre dışı bırakma

Chrome kullanımını otomatikleştirirseniz veya hata ayıklama için Geliştirici Araçları'nı komut satırından açarsanız genellikle her yeni Geliştirici Araçları oturumunda görünen self-XSS uyarısını devre dışı bırakmak istersiniz.

Konsol'daki self-xss uyarı iletişim kutusu.

Artık Chrome'a --unsafely-disable-devtools-self-xss-warnings komut satırı işaretini ileterek bu iletişim kutusunu devre dışı bırakabilirsiniz.

Chromium sorunu: 41491762.

Lighthouse 12.0.0

Lighthouse paneli artık Lighthouse 12.0.0'ı çalıştırıyor.

Bu güncelleme, PWA kategorisinin kaldırılması, SEO kategorisinin yeniden düzenlenmesi, genel tasarruf özelliğinin desteğinin sonlandırılması, yeni denetimler ve denetim değişiklikleri gibi bir dizi değişikliği beraberinde getiriyor. Değişikliklerin tam listesini inceleyin.

Geliştirici Araçları'nda Lighthouse panelini kullanmanın temel bilgileri için Lighthouse: Web sitesi hızını optimize etme başlıklı makaleyi inceleyin.

Chromium sorunu: 772558.

Diğer önemli noktalar

Bu sürümdeki önemli düzeltmeler ve iyileştirmelerden bazıları şunlardır:

  • Performans:
    • Yavaş yakalama ayarları (Gelişmiş boyama enstrümantasyonunu etkinleştir ve CSS seçici istatistiklerini etkinleştir) artık bir sonraki Geliştirici Araçları oturumunda otomatik olarak temizleniyor.
    • Seçici İstatistikleri sekmesi artık alev grafiğini yakınlaştırdığınızda ve veriler değiştiğinde otomatik olarak en alta kaydırılmıyor (337999939).
  • Konsol: Ctrl+` kısayolu artık çekmecedeki Konsol'u yalnızca odaklanılmış durumdaysa kapatıyor (40875466, 328210785).
  • Otomatik doldurma: Adres ayrıştırma düzeltildi (335409093, 335409707).
  • Erişilebilirlik: Yerelleştirilmiş dizeler için ekran okuyucu duyuruları düzeltildi (324930007).

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanmayı düşünebilirsiniz. Bu önizleme kanalları, en yeni DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve kullanıcılarınızdan önce sitenizdeki sorunları 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 diğer konuları tartışmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

DevTools'taki Yenilikler serisinde ele alınan her şeyin listesi.