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

Sofia Emelianova
Sofia Emelianova
GitHub

Sabitleme konumu özelliğinde hata ayıklamanızı kolaylaştırmak için Stiller sekmesi artık açık sabitleme tanımlayıcılarını ve örtülü sabitlemeleri düğümlerine bağlıyor.

Önceki ve sonraki bağlantılar, açık ve örtülü bağlantı metinleri içerir.

Ayrıca, popovertarget özelliği değeri artık DOM'daki popover öğesine bağlanıyor.

Bağlantı oluşturmadan önce ve sonra, popovertarget öğesini popover öğesine bağlayın.

Kaynak paneliyle ilgili iyileştirmeler

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

Geliştirilmiş "Burada Asla Duraklama"

"Burada Hiç Duraklatma" seçeneği, Debugger'ın aynı satırda tekrar tekrar duraklatılmasını önlemenizi sağlar. Bu sayede, tekrar tekrar tetiklenen alakasız kesme noktalarıyla çalışmak kolaylaşır. Bu sürüm, özelliği geliştirerek artık şunlarda çalışmasını sağlıyor:

  • Yerleşik işlevlerden gelen istisnalar veya söz reddetme işlemleri.
  • DOM, fetch/XHR ve İGP ihlali ayrılma noktalarını "iptal etme".
  • Wasm disassembly'de.

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

Chromium sorunu: 40924349.

Yeni kaydırma yakalama etkinlik işleyicileri

Kaynaklar > Event Listener Breakpoints > Control listesinde scrollsnapchange ve scrollsnapchanging olmak üzere scroll-snap ile ilgili iki dinleyici bulunur. Bu etkinlikler, kaydırma kapsayıcısını yeni bir öğeye tutturulmasına neden olacak şekilde kaydırdığınızda tetiklenir.

Kaydırma-yakalama ile ilgili etkinlik işleyicileri eklemeden önceki ve sonraki durum.

Chromium sorunu: 40286359.

Ağ paneli iyileştirmeleri

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

Güncellenen ağ sınırlama hazır ayarları

Ağ paneli, kısıtlama ön ayarlarıyla güncellendi: Yeni Hızlı 4G, Hızlı 3G, Yavaş 4G olarak yeniden adlandırıldı ve Yavaş 3G, 3G olarak yeniden adlandırıldı. Bu, Lighthouse'un hazır ayarlarıyla daha iyi uyum sağlar.

Ağ sınırlama ön ayarlarının güncellenmeden önceki ve sonraki hali.

Chromium sorunu: 342406608.

HAR biçiminin özel alanlarındaki hizmet çalışanı bilgileri

Ağ günlüğünü HAR biçiminde dışa aktarırken artık zamanlamalar da dahil olmak üzere servis çalışanlarıyla ilgili bilgileri özel alanlar (alt çizgiyle başlayan) olarak 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önderme ve alma

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

Performans izinde yakalanan "WebSocket Mesajı Al" etkinliği.

Chromium sorunu: 40286129.

Diğer önemli noktalar

Bu sürümdeki önemli düzeltmeler 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 yerine geçerli wasm ikilileri olarak kaydediyor (40784130).
    • Çağrı yığını: Async çağrı çerçevesi açıklamalarındaki (async) soneki kaldırıldı, vurguları italik yerine kalın olarak değiştirildi (343750870).
  • Bellek: Yığın anlık görüntüsü Özet'ten (340200025) gereksiz sıfır boyutlu InternalNodes kaldırıldı.
  • Ağ: Henüz responseReceived etkinliği almamış ancak yeni başlayan istekler için yayın yanıtı içeriğinin önizlenmesini engelleyen hata düzeltildi (338340752).
  • Performans:
    • Seçici İstatistikleri: %-of-Slow-Path-Non-Matches sütunu için açıklayıcı bir ipucu eklendi (324282954).
    • Parça yapılandırma modu: Kanalları yapılandırmayı tamamla düğmesi sağ alt tarafa taşındı (345256274).
  • Konsol: Geri/ileri önbelleği kullanılarak gezinildiğinde birden fazla aynı konsol mesajının gösterilmesine neden olan 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, 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

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