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

Sofia Emelianova
Sofia Emelianova

Performans paneli iyileştirmeleri

Bu sürümde, Performans paneline çeşitli iyileştirmeler sunulmaktadır.

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ırma 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 arrow_upward yukarı veya arrow_downward simgesini tıklayın ya da visibility_off 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.

Flame grafiğindeki komut dosyalarını yoksay

Ana kanaldaki flame grafik, yoksayılanlar listesi desteğini ekler. Artık grafikteki bir komut dosyasını sağ tıklayıp Komut dosyasını yoksayılanlar 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 Ayarlar > Yoksayılanlar listesi. Yok sayılan komut dosyaları, siz izlemeden veya Özel hariç tutma kuralları'ndan kaldırana kadar kaydedilir.

Chromium sorunu: 336266714.

CPU'yu 20 kez 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, ileri teknoloji bilgisayarlarda bile gerçek dünyadaki performans sorunlarını daha doğru bir şekilde yeniden üretebilir ve analiz edebilirsiniz.

"20x bottomdonw" öğesinin eklenmesinden önce ve sonra fotoğraf çekme ayarları'na dokunun.

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, bu aracın en faydalı özelliklerini Performans paneline entegre etmek için çalışmaktadır. 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"ndeki kullanımdan kaldırma uyarı banner'ı panelini açın.

Daha fazla bilgi edinmek için 2024 ve sonrasında 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.

Aşağıdaki videoda bu uygulamanın işleyiş şeklini görebilirsiniz.

Üstbilgileri düzenlerken 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ülerindeki yeni filtrelerle aşırı bellek kullanımını tespit edin

Bellek panelindeki yığın anlık görüntüleri, kopya dizeler, ayrılan DOM düğümleri tarafından tutulan nesneler ve Geliştirici Araçları Konsolu gibi verimsiz bellek kullanımının yaygın olduğu durumları bulmanıza yardımcı olabilecek yeni filtrelere sahip olur.

Verimsiz bellek kullanımının yaygın durumları için filtre seçeneklerinin eklenmesinden önce ve sonra.

Chromium sorunu: 337094903.

Uygulama'da depolama paketlerini inceleyin > Depo Hizmeti

Artık depolama alanı paketlerini Uygulama > Storage bölümüne bakın. 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.

Kendi kendine XSS uyarılarını komut satırı işaretiyle 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 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ü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ı'nda Lighthouse panelini kullanmayla ilgili temel bilgileri öğrenmek için Lighthouse: Web sitesi hızını optimize etme konusuna bakın.

Chromium sorunu: 772558.

Çeşitli öne çıkan anlar

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 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+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

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanabilirsiniz. Bu önizleme kanalları en yeni Geliştirici Araçları özelliklerine erişmenizi, son teknoloji ürünü web platformu API'lerini test etmenizi ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanızı sağlar.

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikleri ve değişiklikleri ya da Geliştirici Araçları ile ilgili diğer her şeyi tartışmak için aşağıdaki seçenekleri kullanın.

  • Öneri veya geri bildirimlerinizi crbug.com adresinden bize iletebilirsiniz.
  • Geliştirici Araçları sorunlarını bildirmek için Diğer seçenekler'i Daha fazla > Yardım > Geliştirici Araçları'nda Geliştirici Araçları ile ilgili sorunları bildirin.
  • @ChromeDevTools adresinden tweet atabilirsiniz.
  • Geliştirici Araçları YouTube videoları veya Geliştirici Araçları ipuçları YouTube videolarına yorum yazın.

Geliştirici Araçları'ndaki yenilikler

Geliştirici Araçları'ndaki yenilikler serisinde ele alınan her şeyin listesi.