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

Sofia Emelianova
Sofia Emelianova
GitHub

Sabit konumlandırma özelliğinde daha kolay hata ayıklamanıza yardımcı olmak için Stiller sekmesi artık açık sabit tanımlayıcıları ve dolaylı sabitleri düğümlerine bağlar.

Açık ve kapalı bağlantı metinlerini bağlamadan önceki ve sonraki durum.

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

popovertarget'ı popover öğesine bağlamadan önce ve bağladıktan sonra.

Kaynaklar paneliyle ilgili iyileştirmeler

Bu sürüm, Kaynaklar panelinde çeşitli iyileştirmeler sunar.

Geliştirilmiş "Burada Hiçbir Zaman Duraklatma"

"Burada Hiçbir Zaman Duraklatma" seçeneği, Hata Ayıklayıcı'nın aynı satırda tekrar tekrar duraklatılmasını önlemenize olanak tanır. Bu sayede, tekrar tekrar tetiklenen alakasız kesme noktalarıyla çalışmak daha kolay hale gelir. Bu sürüm, bu özelliği geliştirir ve artık şu dillerde çalışır:

  • Yerleşik işlevlerden kaynaklanan istisnalar veya reddedilen vaatler.
  • DOM, fetch/XHR ve İGP ihlali ayrılma noktaları iptal ediliyor.
  • Wasm ayrıştırmasında.

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

Chromium sorunu: 40924349.

Yeni kaydırarak tutturma etkinliği işleyicileri

Kaynaklar > Etkinlik İşleyici Kesme Noktaları > Kontrol listesine kaydırarak tutturma ile ilgili iki işleyici eklenir: scrollsnapchange ve scrollsnapchanging. Bu etkinlikler, kaydırma kapsayıcısını yeni bir öğeye tutturulacak şekilde kaydırdığınızda tetiklenir.

Kaydırarak tutturma ile ilgili etkinlik işleyiciler eklenmeden önce ve eklendikten sonra.

Chromium sorunu: 40286359.

Ağ paneli iyileştirmeleri

Bu sürüm, Ağ panelinde çeşitli iyileştirmeler sunar.

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

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

Ağ sınırlama hazır ayarlarını güncellemeden önceki ve sonraki durum.

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 hizmet çalışanlarıyla ilgili bilgileri (zamanlamalar dahil) özel alanlar (alt çizgilerle 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österir. Örneğin:

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

Chromium sorunu: 40286129.

Öne çıkan diğer anlar

Bu sürümdeki önemli 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 Konsol'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 ikili dosyaları olarak kaydediyor (40784130).
    • Çağrı yığını: Eşzamansız çağrı çerçevesi açıklamalarından (async) son eki kaldırıldı ve vurguları italikten kalın yazıya 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ğ: Yeni başlayan ancak henüz responseReceived etkinliği almayan 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ütunu için açıklayıcı bir ipucu eklendi (324282954).
    • Kanal yapılandırma modu: Kanalları yapılandırmayı tamamla düğmesi sağ alt tarafa taşındı (345256274).
  • Konsol: Geri/ileri önbelleği kullanarak gezinirken 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ı kullanabilirsiniz. Bu önizleme kanalları, en yeni Geliştirici Araçları ö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 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.