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

Geliştirici Araçları'ndaki yenilikler (Chrome 123)

Sofia Emelianova

Paskalya yumurtasını bulun

DevTools ekibi, bu yılın 1 Nisan gününü kutlamak için DevTools'un bir yerine Paskalya yumurtasını gizledi.

Bulmak için renkli bir 💫 emojisi arayın.

Nesne paneli güncellemeleri

Bu sürümle birlikte Öğeler panelinde çeşitli güncellemeler yapıldı.

Öğeler > Stiller'de odaklanılmış sayfa emülasyonu

Öğeler > Stiller sekmesinde artık Öğelerin durumunu değiştir (:hov) düğmesinin altında check_box Odaklanmış sayfa emülasyonu seçeneği var. Daha önce, bu seçeneği yalnızca Oluşturma panelinde bulabiliyordunuz.

Odağı, sayfadan Geliştirici Araçları'na değiştirirseniz bazı yer paylaşımı öğeleri odak tarafından tetiklendiğinde otomatik olarak gizlenir. Örneğin açılır listeler, menüler veya tarih seçiciler. Odaklanmış sayfa emülasyonu seçeneği, böyle bir öğede odaktaymış gibi hata ayıklamanızı sağlar.

Stiller sekmesinde odaklanılan bir sayfanın emülasyonunun öncesi ve sonrası.

Chromium sorunu: 1468393.

var() yedeklerinde Renk Seçici, Açılı Saat ve Yumuşak Geçiş Düzenleyici

CSS düzenlemeyi kolaylaştırmak için Öğeler > Stiller sekmesi artık var() yedekte Renk Seçici, Açılı Saat ve Yumuşak Geçiş Düzenleyici'yi kullanmanıza olanak tanıyor.

var() yedeklerinde Renk Seçici, Açılı Saat ve Yumuşak Geçiş Düzenleyici araçlarının oluşturulmasından önceki ve sonraki durumlar.

Chromium sorunu: 1520417.

CSS uzunluk aracı kullanımdan kaldırıldı

CSS uzunluğu yazma aracı, iş akışını yavaşlattığına ve pek bir değer katmamasına ilişkin geri bildirim nedeniyle kullanımdan kaldırılmıştır.

Artık değeri ayarlamak için sürükleme yapamaz veya açılır menüden bir birim türü seçemezsiniz. Bunun yerine, değeri çift tıklayın ve yeni bir değer yazın.

Uzunluk aracını tekrar açmak için ayarlar Ayarlar > Denemeler > onay kutusu bölümünü temizleyin Stiller sekmesinde CSS <length> yazma aracını kullanımdan kaldırın.

Bu aracı yine de kullanmak istiyorsanız Geliştirici Araçları Ekibi, düşüncelerinizi ve uzunluk aracının iş akışınızda size nasıl yardımcı olduğunu öğrenmek isteyecektir. crbug/1522657 adresine geri bildirim gönderebilirsiniz.

Desteği sonlandırma denemesi devre dışı bırakıldı.

Aramayı kolaylaştırmak için artık Performans > Ana kanaldaki flame grafiğinde, arama sonuçları arasında geçiş yaparken ilgili etkinliğin üst tarafında bir pop-up gösterilir.

Seçilen arama sonucunun üzerinde pop-up'ın gösterilmesi öncesi ve sonrası.

Chromium sorunu: 1523279.

Ağ paneli güncellemeleri

Bu sürümle birlikte Ağ panelinde birkaç güncelleme yapılmıştır.

Ağ > Etkinlik Akışı sekmesindeki temizle düğmesi ve arama filtresi

Ağ > EventStream sekmesinde şunlar yer alır:

Tabloda yakalanmış etkinlikleri temizleyen bir engelle Temizle düğmesi.
Normal ifadeleri anlayan bir arama filtresi.

Temizle düğmesi ve arama filtresi eklemeden önceki ve sonraki süreçler.

Geliştirici Araçları ekibi, bu özelliği kullanıma sunduğu için Charles Vazac'a teşekkür ediyor.

Buna ek olarak, EventStream sekmesi artık sunucuların yalnızca EventSource API'sini değil, getirme/XHR aracılığıyla gönderdiği etkinlikleri de yakalıyor. Özelliği demo sayfasında deneyin.

Chromium sorunu: 1488863, 40659493.

Ağ > Çerezler altındaki üçüncü taraf çerezleri için muafiyet nedenleri içeren ipuçları

Ağ > Çerezler sekmesinde artık üçüncü taraf çerezlerinin kullanımdan kaldırılması ile engellenmesi gereken çerezlerin yanında muafiyet nedenleri bulunan ipuçları gösterilmektedir.

Üçüncü taraf çerezi için muafiyet nedeni içeren ipucunu göstermeden önceki ve sonraki zaman.

Üçüncü taraf çerezlerine aşağıdaki nedenlerden dolayı izin verilebilir:

Chrome Enterprise politikası
Storage Access API veya üst düzey Storage Access API
Üçüncü taraf çerezlerini aşamalı olarak kullanımdan kaldırma denemesi veya ek yayınlanma süresi
Üçüncü taraf çerezlerini aşamalı olarak kullanımdan kaldırma bulguları
Kullanıcı tercihi

Chromium sorunu: 41491846.

Kaynaklar'daki tüm kesme noktalarını etkinleştir ve devre dışı bırak

Kaynaklar > Döküm noktaları bölümü, Etkinleştir ve Tüm kesme noktalarını devre dışı bırak seçeneklerini açılır menüsüne geri getirir. Daha önce, bu seçenekler ayrılma noktalarının yeniden tasarlanmasında boş bırakılmıştı.

Tüm kesme noktalarını etkinleştirmek veya devre dışı bırakmak için Kaynaklar > Kesme noktaları altında bir ayrılma noktasını sağ tıklayın ve ilgili seçeneği belirleyin.

Chromium sorunu: 1522037.

Yüklü komut dosyalarını Node.js için Geliştirici Araçları'nda görüntüleyin

Node.js için Geliştirici Araçları artık Kaynaklar > Komut Dosyaları'ndaki gezinme ağacında, yüklenen komut dosyalarını gösteriyor.

Yüklenen komut dosyaları ağacıyla birlikte Komut Dosyaları sekmesinin eklenmesinden önceki ve sonraki süreç.

Chromium sorunu: 1518364.

Lighthouse 11.5.0

Lighthouse paneli artık Lighthouse 11.5.0'ı çalıştırmaktadır. Değişikliklerin tam listesini inceleyin.

Önemli değişiklikler arasında, düzen kaymalarının temel nedenlerini tahmin eden yeni bir denetim bulunmaktadır. Bu denetim, yalnızca düzen kaymalarından etkilenen öğeleri listeleyen düzen-kaydırma-öğeleri denetiminin yerini alır.

Düzen kaymalarının temel nedenlerini tahmin eden yeni bir denetim.

Geliştirici Araçları'ndaki Lighthouse panelini kullanmayla ilgili temel bilgileri öğrenmek için Lighthouse: Web sitesi hızını optimize etme başlıklı makaleyi inceleyin.

Chromium sorunu: 772558.

Erişilebilirlik

Bu sürümde aşağıdaki erişilebilirlik iyileştirmeleri mevcut:

Ekran okuyucular artık şunları duyuruyor:
- Kaydedici panelindeki seçici türlerinin yanında bulunan Daha fazla bilgi bağlantı metni
- Ayarlar Ayarlar > Denemeler'de filtreyle eşleşen deneme olmadığında.
- Ayarlar Ayarlar > Kısayollar bölümündeki bir kısayolu kaldırırken, onaylarken veya geri yüklerken işlem onayı.
Ayarlar Ayarlar > Konumlar bölümündeki tablo, artık erişilebilirlik araçları için doğru şekilde tablo olarak oluşturulmaktadır.

Chromium sorunları: 1516957, 324282443, 324467508, 324930007.

Öne çıkan çeşitli unsurlar

Bu sürümde yapılan bazı dikkate değer düzeltmeler ve iyileştirmeler şunlardır:

Geliştirici Araçları'ndaki yazı tipleri, Chrome ile eşleşecek şekilde güncellenir (1523538).
Performans: Fareyle zaman çizelgesinin (1519469) üzerine gelindiğinde ekran görüntüsü görüntülenmesi düzeltildi.
Kaynaklar: Daha iyi kod okunabilirliği için Düzenleyici'deki satır yüksekliği artırılır (1523640).
Ağ > Yanıtlar: Farklı biçim ve kodlamalarla ilgili çeşitli görüntüleme sorunları düzeltildi (1523128, 1509336, 1523128, 41481944, 1509336).

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni geliştirilenler veya Beta'yı kullanmayı düşünün. Bu önizleme kanallarıyla Geliştirici Araçları'nın en yeni özelliklerine erişebilir, son teknoloji ürünü web platformu API'lerini test edebilir ve sitenizdeki sorunları kullanıcılarınızdan önce tespit edebilirsiniz!

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikler ve değişiklikler ya da Geliştirici Araçları ile ilgili diğer konular hakkında konuşmak için aşağıdaki seçenekleri kullanın.

crbug.com adresinden öneri veya geri bildirim gönderin.
Geliştirici Araçları'nda, Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak Geliştirici Araçları sorunlarını bildirin.
@ChromeDevTools adresine tweet gönderin.
Geliştirici Araçları'ndaki YouTube videoları veya Geliştirici Araçları İpuçları YouTube videolarındaki yenilikler hakkındaki görüşlerinizi bizimle paylaşın.