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

Sofia Emelianova
Sofia Emelianova
GitHub

Sabit konumlandırma özelliğinde hata ayıklamanıza yardımcı olmak için Stiller sekmesi artık açık bağlantı tanımlayıcılarını ve örtülü çapaları düğümlerine bağlıyor.

Açık ve üstü kapalı çapaların bağlanmasından önce ve sonra.

Ayrıca, popovertarget özellik değeri artık DOM'deki popover öğesine bağlanıyor.

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

Kaynaklar panelinde yapılan iyileştirmeler

Bu sürümde, Kaynaklar paneline bazı iyileştirmeler getiriliyor.

Gelişmiş "Burada Asla Duraklatma"

"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, sürekli olarak tetiklenen alakasız kesme noktalarıyla çalışmayı kolaylaştırır. Bu sürüm, söz konusu özelliği geliştirir ve artık şunlar için kullanılabilir:

  • Yerleşik işlevlerden istisnalar veya vaatlerin reddedilmesi.
  • 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 anlık etkinliği işleyicileri

Kaynaklar > Etkinlik İşleyici Ayrılma Noktaları > Kontrol listesi, scroll-snap ile ilgili iki dinleyici içerir: scrollsnapchange ve scrollsnapchanging. Bu etkinlikler, kaydırma kapsayıcısını yeni bir öğeye yapışacak şekilde kaydırdığınızda tetiklenir.

Kaydırma anında sabitlemeyle ilgili etkinlik işleyiciler eklenmeden önceki ve sonraki durum.

Chromium sorunu: 40286359.

Ağ paneli iyileştirmeleri

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

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

Ağ paneli güncellenen kısıtlama hazır ayarları güncellendi: Yeni Hızlı 4G, Hızlı 3G'nin adı Yavaş 4G ve Yavaş 3G'nin adı 3G olarak değiştirildi. Bu, Lighthouse'un hazır ayarlarıyla daha uyumludur.

Ağ sınırlama hazır ayarlarının güncellenmesinden önce ve sonra.

Chromium sorunu: 342406608.

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

Ağ günlüğünü HAR biçiminde dışa aktarırken, zamanlamalar da dahil olmak üzere Service Worker'larla ilgili bilgileri artık özel alanlar (önünde alt çizgi) 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 etkinliklerini gönder ve al

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

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

Chromium sorunu: 40286129.

Çeşitli öne çıkan anlar

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 programları 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 İstatistikleri: %-of-Slow-Path-Non-Matches sütununa açıklayıcı bir ipucu eklendi (324282954).
    • Yapılandırma modunu izle: Kanalları yapılandırmayı tamamla düğmesi sağ alt tarafa (345256274) taşındı.
  • Konsol: Geri/ileri önbelleğini kullanarak gezinirken aynı konsol mesajlarının birden fazla kez gösterilmesine neden olan 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ş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

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