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üncellenmiş kanal yapılandırma moduyla kanalları taşıyın ve gizleyin

Artık kanal adını sağ tıklayıp Kanalları yapılandır'ı seçerek kanal yapılandırması moduna girebilirsiniz. Fazladan alan gerektiren düzenle düğmesi kaldırıldı.

Düzenle düğmesinin bir menü seçeneğiyle değiştirilmesinden önceki ve sonraki durum.

Parkur yapılandırma modu, parkurların sırasını değiştirmenize ve kanalları gizlemenize olanak tanır. Kanalı taşımak için yukarı veya simgesini tıklayın ya da gizlemeyi tıklayın. Yapılandırma modundan çıkmak için en alttaki Kanalları yapılandırmayı tamamla seçeneğini tıklayın. Bu yapılandırma, yeni izler için devam eder ancak sonraki Geliştirici Araçları oturumları için geçerli olmaz.

Chromium sorunu: 336266699.

Alev grafiğinde komut dosyalarını yoksayma

Ana kanaldaki flame grafik, yoksayılanlar listesi desteğini ekler. Artık grafikteki bir komut dosyasını sağ tıklayıp Komut dosyasını yoksayma listesine ekle'yi seçebilirsiniz.

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

Grafik; yoksayılan komut dosyalarını daraltır, Yoksayılanlar listesinde olarak işaretler ve Ayarlar > Yoksayılanlar listesi bölümündeki Özel hariç tutma kuralları'na ekler. Yoksayılan komut dosyaları, siz bunları izlemeden veya Özel hariç tutma kurallarından kaldırana kadar kaydedilir.

Chromium sorunu: 336266714.

CPU'yu 20 kat azaltın

Performans panelinin Yakalama ayarları bölümündeki CPU kısıtlama menüsüne yeni bir 20 kat yavaşlama seçeneği eklendi. Böylece, artık üst düzey bilgisayarlarda bile gerçek performans sorunlarını daha doğru bir şekilde yeniden oluşturabilir ve analiz edebilirsiniz.

"Capture settings"e (Yakalama ayarları) "20x işlemlere yavaş" seçeneği eklenmeden önce ve sonra.

Chromium sorunu: 324978881.

Performans Analizleri panelinin desteği sonlandırılacak

Deneysel Performans analizleri paneli 2024'te kullanımdan kaldırılacak. Geliştirici Araçları ekibi, en yararlı özelliklerini Performans paneline entegre etmek için çalışıyor. Performans analizleri panelinin üst kısmında artık yakında gerçekleşecek kullanımdan kaldırma hakkında sizi bilgilendiren bir banner gösteriliyor.

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

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

İşe yarayan, yaramayan ve daha iyi yapılabileceğini düşündüğünüz noktalarla ilgili geri bildirimde bulunmak istiyorsanız geri bildiriminizi duymak isteriz.

Geçersiz kılmak için başlık dizelerinin tamamını yapıştırın

Üstbilgileri geçersiz kılarken artık bir başlık dizesinin tamamını (HEADER_NAME: VALUE) yapıştırabilirsiniz. Geliştirici Araçları, : konumundaki dizeyi bir başlık adına ve değerine böler.

Bu işlemin nasıl yapıldığını aşağıdaki videoda görebilirsiniz.

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

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

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

Chromium sorunları: 330967147, 337012362, 328210785.

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

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

Verimli olmayan bellek kullanımıyla ilgili yaygın durumlar için filtre seçenekleri eklenmeden önceki ve sonraki durum.

Chromium sorunu: 337094903.

Uygulama > Depolama'da depolama paketlerini inceleyin

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

Storage bölümündeki depolama alanı paketleri ağacının etkinleştirilmesinden önce ve sonra.

Chromium sorunu: 338094915.

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

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

Konsoldaki kendi kendine uyarı iletişim kutusu.

Artık --unsafely-disable-devtools-self-xss-warnings komut satırı işaretini Chrome'a aktararak 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üncellemeyle birlikte PWA kategorisinin kaldırılması, SEO kategorisinin yeniden düzenlenmesi, Genel Tasarrufların kullanımdan kaldırılması, yeni denetimler ve denetim değişiklikleri gibi bir dizi değişiklik bulunuyor. Değişikliklerin tam listesini inceleyin.

Geliştirici Araçları'ndaki Lighthouse panelini kullanmayla ilgili temel bilgileri öğrenmek için Lighthouse: Web sitesi hızını optimize etme başlıklı makaleyi inceleyin.

Chromium sorunu: 772558.

Çeşitli önemli noktalar

Bu sürümdeki dikkate değer düzeltme 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 temizlenecek.
    • Siz flame grafiğini ve veri değişikliklerini (337999939) yakınlaştırırken, Seçici İstatistikleri sekmesi artık otomatik olarak en alta gitmiyor.
  • Konsol: Ctrl+` kısayolu artık çekmecedeki Konsol'u yalnızca odaktayken (40875466, 328210785) kapatır.
  • Otomatik doldurma: Adres ayrıştırma sorunu düzeltildi (335409093, 335409707).
  • Erişilebilirlik: Yerelleştirilmiş dizeler için ekran okuyucu duyuruları düzeltildi (324930007).

Önizleme kanallarını indirme

Chrome Canary, Yeni geliştirilenler veya Beta'yı varsayılan geliştirme tarayıcınız olarak kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve sitenizdeki sorunları kullanıcılarınızdan önce 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 başka herhangi bir konu hakkında konuşmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

DevTools'daki yenilikler serisinde ele alınan tüm konuların listesi.