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

Sofia Emelianova
Sofia Emelianova
GitHub

Yer işareti konumlandırma özelliğinde hata ayıklamanızı kolaylaştırmak için Stiller sekmesi artık açık yer işareti tanımlayıcılarını ve gizli yer işaretlerini kendi düğümlerine bağlar.

Önce ve sonra bağlantısı, açık ve örtük ankrajlar.

Ayrıca popovertarget özellik değeri artık DOM'daki popover öğesine bağlanır.

popovertarget öğesinin popover öğesine bağlanmadan önceki ve sonraki durumu.

Kaynaklar panelinde yapılan iyileştirmeler

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

"Burada asla duraklatma" özelliği geliştirildi

"Burada Asla Duraklatma" seçeneği, Hata Ayıklama Aracı'nın aynı satırda tekrar tekrar duraklatılmasını engellemenize olanak tanır. Bu sayede, tekrar tekrar tetiklenen alakasız kesme noktalarıyla çalışmanız kolaylaşır. Bu sürümde bu özellik geliştirildi ve artık aşağıdakiler için kullanılabilir:

  • Yerleşik işlevlerden istisnalar veya söz verme reddi.
  • DOM, fetch/XHR ve CSP ihlali ayrılma noktalarını "iptal etme".
  • Wasm'de kod ayrıştırmasında.

İş akışının nasıl çalıştığını görün:

Chromium sorunu: 40924349.

Yeni kaydırma sabitleme etkinliği işleyicileri

Kaynaklar > Etkinlik İşleyici Kesme Noktaları > Denetleme listesine scrollsnapchange ve scrollsnapchanging olmak üzere iki kaydırma sabitleme ile ilgili işleyici eklenir. Bu etkinlikler, kaydırma kapsayıcısını yeni bir öğeye yapışacak şekilde kaydırdığınızda tetiklenir.

Kaydırma anında tıklama özelliğiyle ilgili etkinlik işleyiciler eklenmeden önceki ve sonraki durum.

Chromium sorunu: 40286359.

Ağ paneli iyileştirmeleri

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

Ağ sınırlama hazır ayarları güncellendi

Ağ panelinde güncellenmiş kısıtlama hazır ayarları bulunur: yeni Hızlı 4G, Hızlı 3G'ün adı Yavaş 4G olarak değiştirildi ve Yavaş 3G'ün adı 3G olarak değiştirildi. Bu, Lighthouse'un hazır ayarlarıyla daha uyumludur.

Ağ akış kısıtlaması ön ayarlarının güncellenmeden önceki ve sonraki hali.

Chromium sorunu: 342406608.

HAR biçimindeki özel alanlarda hizmet çalışanı bilgileri

Artık ağ günlüğünü HAR biçiminde dışa aktarırken zamanlamalar da dahil olmak üzere hizmet işçileriyle ilgili bilgileri özel alanlar olarak (önlerine kısa çizgi eklenmiş şekilde) görebilirsiniz. Örneğin, günlükte aşağıdaki yeni alanları görebilirsiniz:

...
"response": {
  ...
  "_fetchedViaServiceWorker": true,
  "_responseCacheStorageCacheName": "V1",
  "_serviceWorkerResponseSource": "cache-storage"
}
...
"timings": {
  ...
  "_workerStart": -1,
  "_workerReady": -1,
  "_workerFetchStart": -1,
  "_workerRespondWithSettled": -1
}
...

Chromium sorunu: 342406608.

Performans panelinde WebSocket etkinlikleri gönderip alma

Diğer WebSocket etkinliklerine benzer şekilde Performans paneli artık WebSocket Mesaj Gönder ve WebSocket Mesaj Al etkinliklerini yakalayıp performans izlemede gösterir. Örneğin:

Performans izlemede yakalanan "WebSocket Mesajını Al" etkinliği.

Chromium sorunu: 40286129.

Diğer öne çıkan özellikler

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

  • Erişilebilirlik: Ekran okuyucular artık yukarı ve aşağı ok tuşlarıyla günlükte gezinirken Console'daki mesajların içeriğini duyuruyor (344484979).
  • Kaynaklar:
    • Sayfa: Farklı kaydet menü seçeneği artık Wasm modülü dosyalarını Base64 metni (40784130) yerine geçerli Wasm ikili dosyaları olarak kaydediyor.
    • Çağrı yığını: Eşzamansız çağrı çerçevesi açıklamalarından (async) son eki kaldırıldı, vurguları italik yerine kalın olarak değiştirildi (343750870).
  • Bellek: Gereksiz sıfır boyutlu InternalNodes, yığın anlık görüntüsünden Özet (340200025) kaldırıldı.
  • Ağ: Henüz başlatılmış ancak henüz responseReceived etkinliği almamış istekler için akış yanıtı içeriğinin önizlemesini engelleyen bir hata düzeltildi (338340752).
  • Performans:
    • Seçici istatistikleri: %-of-Slow-Path-Non-Matches sütunu (324282954) için açıklayıcı bir ipucu eklendi.
    • Parça yapılandırma modu: Parçaları yapılandırmayı tamamla düğmesi sağ alt tarafa taşındı (345256274).
  • Konsol: Geri/ileri önbelleğini kullanarak gezinirken birden fazla aynı konsol mesajı gösteren bir hata düzeltildi (40894153).
  • Ayarlar: Tüm sekmelerin yanına yardımcı simgeler eklendi.

Ö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.