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ırması moduyla parçaları taşıma ve gizleme

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

Düzenle düğmesinin menü seçeneğiyle değiştirilmeden önceki ve sonraki hali.

Parça yapılandırması modu, parçaların sırasını değiştirmenize ve gizlemenize olanak tanır. Parçayı taşımak için yukarı veya aşağı oku, gizlemek için 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çerlidir ancak sonraki DevTools oturumları için geçerli değildir.

Chromium sorunu: 336266699.

Alev grafiğinde komut dosyalarını yoksayma

Ana kanaldaki alev grafiği, yoksayılanlar listesi desteği 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 ekleme menüsü seçeneği, yoksayılan olarak işaretlenen komut dosyaları ve Ayarlar'daki ilgili kurallar.

Grafik, yoksayılan komut dosyalarını daraltır, Yoksayılanlar listesinde olarak işaretler ve Ayarlar > Yoksayılanlar listesi'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 Kayıt ayarları'ndaki CPU tarama menüsüne yeni bir 20 kat yavaşlatma 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.

"Kamera ayarları"na "20x yavaşlatma" seçeneği eklenmeden önceki ve sonraki durum.

Chromium sorunu: 324978881.

Performans Analizleri panelinin desteği sonlandırılacak

Deneysel Performans analizleri paneli için destek 2024'te sonlandırılacak. Geliştirici Araçları ekibi, en yararlı özelliklerini Performans paneline entegre etmek için çalışıyor. Performans analizleri panelinde artık üstte, desteğin sonlandırılacağı tarih 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.

Hangi özelliklerin işe yaradığı, hangilerinin yaramadığı ve nelerin daha iyi olabileceği hakkında geri bildiriminiz varsa bize ulaşabilirsiniz.

Üstbilgi dizelerinin tamamını yapıştırarak geçersiz kılın

Başlıkları geçersiz kılarken artık başlık dizesinin tamamını (HEADER_NAME: VALUE) yapıştırabilirsiniz. DevTools, :'da dizeyi bir başlık adı ve değerine böler.

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

Üstbilgileri düzenlerken artık alfanümerik karakterler, kısa çizgiler ve alt çizgiler dışında karakter girerseniz Ağ paneli 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ılma menüsü seçenekleri ve Düzenle düğmeleri devre dışı bırakılır. Bu durum, istenen davranışla eşleşir.

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 DevTools Console 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ı paketlerini Uygulama > Depolama bölümündeki özel bir ağaçta inceleyebilirsiniz. Daha önce deneysel olan bu ağaç varsayılan olarak etkinleştirildi.

Depolama bölümünde depolama paketleri ağacını etkinleştirmeden önceki ve sonraki durum.

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 komut satırından DevTools'u açarsanız genellikle her yeni DevTools oturumunda görünen kendi kendine XSS uyarısını devre dışı bırakmak istersiniz.

Console'daki kendi kendine XSS uyarısı iletişim kutusu.

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

Chromium sorunu: 41491762.

Lighthouse 12.0.0

Lighthouse panelinde artık Lighthouse 12.0.0 sürümü kullanılıyor.

Bu güncelleme, PWA kategorisinin kaldırılması, SEO kategorisinin yeniden düzenlenmesi, Genel Tasarruflar özelliğinin kullanımdan kaldırılması, yeni denetlemeler ve denetleme değişiklikleri gibi çeşitli değişiklikler içeriyor. 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.

Diğer öne çıkan özellikler

Bu sürümdeki dikkate değer düzeltme ve iyileştirmelerden bazıları şunlardır:

  • Performans:
    • Artık yavaş yakalama ayarları (Gelişmiş boyama enstrümantasyonunu etkinleştir ve CSS seçici istatistiklerini etkinleştir) sonraki DevTools oturumunda otomatik olarak temizlenir.
    • Alev grafiğini yakınlaştırdığınızda ve veriler değiştiğinde Seçici İstatistikleri sekmesi artık otomatik olarak en alta kaydırmaz (337999939).
  • Konsol: Ctrl+` kısayolu artık çekmecedeki Konsol'u yalnızca odak noktası olduğunda 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, Yeni Geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenize, en yeni web platformu API'lerini test etmenize 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.