Bu sayfa, Cloud Translation API ile çevrilmiştir.

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

Sofia Emelianova

Öğeler panelinde CSS bağlantı konumunu inceleyin

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.

Chromium sorunu: 289900232, 330306231.

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

"Buradan Hiçbir Zaman Duraklatma" 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.
DOM, fetch/XHR ve CSP ihlali ayrılma noktalarını "iptal etme".
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 listesi, scroll-snap ile ilgili iki dinleyici içerir: 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 eklemeden ö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:

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

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 (330213867).

Ö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ı'ndaki Diğer seçenekler > Yardım > Geliştirici Araçları ile ilgili sorun bildir bölümüne giderek Geliştirici Araçları sorunlarını bildirin.
@ChromeDevTools adresinden tweet atabilirsiniz.
Geliştirici Araçları YouTube videoları veya Geliştirici Araçları ipuçları YouTube videolarına yorum yazın.