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'ı popover öğesine bağlamadan önce ve sonra.

Kaynaklar paneli iyileştirmeleri

Bu sürümde, Kaynaklar paneline yönelik çeşitli iyileştirmeler yapılmıştır.

"Hiçbir Zaman Duraklatma" özelliği iyileştirildi

'Buraya Takılmayın' seçeneği, Hata Ayıklayıcı'nın aynı satırda tekrar tekrar duraklatılmasını önlemenizi sağlar. 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.
  • "İptal ediliyor" DOM, fetch/XHR ve CSP İhlali ayrılma noktaları.
  • Wasm sökümünde.

İş akışını uygulamalı olarak görün:

Chromium sorunu: 40924349.

Yeni kaydırma anlık etkinliği işleyicileri

Kaynaklar > Etkinlik İşleyici Ayrılma Noktaları > Kontrol listesinde scroll-snap ile ilgili iki dinleyici olur: scrollsnapchange ve scrollsnapchanging. Bu etkinlikler, kaydırma kapsayıcısını yeni bir öğeye tutturulmasını sağlayacak şekilde kaydırdığınızda tetiklenir.

Kaydırma tutturmayla ilgili etkinlik işleyiciler eklenmeden önce ve sonra.

Chromium sorunu: 40286359.

Ağ paneli iyileştirmeleri

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

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

Ağ paneli güncellenen kısıtlama hazır ayarları olarak güncellendi: Yeni Hızlı 4G, Hızlı 3G'nin adı Yavaş 4G ve Yavaş 3G'nin adı 3G olarak değiştirildi. Bu seçenek, 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ı bulabilirsiniz:

...
"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:

"Get WebSocket Mesajı" performans izlemede yakalanan etkinliktir.

Chromium sorunu: 40286129.

Çeşitli öne çıkan anlar

Bu sürümdeki önemli düzeltmeler ve iyileştirmelerden bazıları şunlardır:

  • Erişilebilirlik: Ekran okuyucular artık günlükte yukarı ve aşağı ok tuşlarıyla (344484979) gezinirken Konsol'daki mesajların içeriğini duyuruyor.
  • 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ı: (async) son eki, eşzamansız çağrı çerçevesi açıklamalarından kaldırıldı, vurguyu italikten kalın (343750870) olarak değiştirildi.
  • Bellek: Gereksiz sıfır boyutlu InternalNodes, yığın anlık görüntüsünden Özet (340200025) kaldırıldı.
  • Ağ: Yeni başlayan ancak henüz responseReceived etkinliği almayan istekler için yanıt içeriğinin önizlenmesini 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 önbellek (40894153) kullanılırken aynı konsol mesajlarının gösterilmesine neden olan hata düzeltildi.
  • 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, 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.