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

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

Sofia Emelianova

Ağ panelindeki sadeleştirilmiş filtre çubuğu

Filtre çubuğu, istekleri daha kolay filtrelemenize ve Ağ panelini düzenli hale getirmenize olanak tanıyacak şekilde yeniden tasarlandı.

İlgili deneme bu sürümde varsayılan olarak etkinleştirildi ancak geri döndürülecek. İlerleme durumunu crbug.com/1523150 adresinden takip edebilirsiniz.

Yeni filtre çubuğunda iki açılır menü vardır: Biri istek türlerini seçmek, diğeri ise verileri ve uzantı URL'lerini gizlemek veya yalnızca engellenen çerezleri ve istekleri ve üçüncü taraf isteklerini göstermek için kullanılır. Her iki menü de çoklu seçimi destekler.

Eski filtre çubuğunu hemen geri getirmek için ayarlar Ayarlar > Denemeler > check_box_outline_blank Ağ panelinde filtre çubuğunun yeniden tasarımı'nı kapatın.

Ağ panelinde filtre çubuğunun sadeleştirilmesinden önceki ve sonraki süreçler.

crbug.com/1500573 adresinden bu özellikle ilgili geri bildirimlerinizi paylaşabilirsiniz.

Chromium sorunu: 1486431.

Öğe iyileştirmeleri

`@font-palette-values` desteği

Öğeler paneli artık @font-palette-values CSS kuyruğunu destekliyor. Bu politika, font-palette özelliğinin varsayılan değerlerini özelleştirmenize olanak tanır.

Stiller bölümünde font-palette özelliğinin değerini tıklayın. Geliştirici Araçları sizi, özel değerlerinizi düzenleyebileceğiniz @font-palette-values özel bölümüne götürür.

Stiller'deki @font-palette-values bölümü.

Chromium sorunu: 1501781.

Desteklenen durum: Başka bir özel mülkün yedeği olarak özel mülk

Öğeler > Stiller artık başka bir özel mülkün yedeği olan özel özelliği çözüyor.

Özel bir özelliğin başka bir özel özelliğin yedeği olarak çözümlenmesinden önceki ve sonraki süreçler.

Chromium sorunu: 1499265.

İyileştirilmiş kaynak haritası desteği

Ayarlar Ayarlar > Denemeler > check_box Kaynak eşlemelerini kullanarak ifadelerdeki değişken adlarını çözme seçeneği varsayılan olarak açıktır.

Geliştirici Araçları; kodu birleştirdikten, küçültdükten veya derledikten sonra bile orijinal kodunuzdaki Kaynaklar ve Kapsam'da hata ayıklamanızı sağlamak için kaynak eşlemelerini kullanır. Bu deneme, aşağıdakiler dahil ancak bunlarla sınırlı olmamak üzere orijinal değişken adlarınızı Geliştirici Araçları'nda tutarlı bir şekilde değerlendirmenize olanak tanır:

Konsol'daki ifadeler ve otomatik tamamlama önerileri
Canlı ifadeler
İfadeleri izleme
Koşullu kesme noktaları ve günlük noktaları

Daha fazla bilgi için karşılık gelen RFC sayfasına bakın.

Chromium sorunu: 1444349.

Performans paneli iyileştirmeleri

Gelişmiş Etkileşimler kanalı

Performans > Etkileşimler kanalı, işlem süresi sınırlarındaki giriş ve sunum gecikmelerini gösteren bıyıklar alır.

Etkileşimler kanalına bıyık eklemeden önce ve sonra.

Ayrıca, fareyle bir etkileşimin üzerine geldiğinizde zamanlamaları ayrıntılı şekilde açıklayan faydalı bir ipucu görebilirsiniz.

Chromium sorunu: 1495751.

Aşağıdan Yukarıya, Çağrı Ağacı ve Etkinlik Günlüğü sekmelerinde gelişmiş filtreleme

Performans panelindeki Aşağıdan Yukarıya, Çağrı Ağacı ve Etkinlik Günlüğü sekmelerine, gelişmiş filtreleme için üç yeni düğme eklendi:

match_case Büyük/küçük harf eşleştir.
regular_expression Normal ifade.
match_word Tüm kelimeyi eşleştir.

Gelişmiş filtreleme için üç yeni düğme.

Ayrıca, bağlamı korumanıza yardımcı olmak için artık Aşağıdan yukarıya sekmesindeki filtreyle yalnızca üst düzey öğeler eşleşir. Daha önce, filtre her düğümle eşleşiyordu.

Chromium sorunu: 1496355.

Kaynaklar panelindeki girinti işaretçileri

Size kolaylık olması için Kaynaklar panelindeki Düzenleyici, kod bloklarını dikey satırlarla girintili olarak işaretler.

Girintili kod bloklarını dikey çizgilerle işaretlemeden önce ve sonra.

Chromium sorunu: 1479986.

Ağ panelindeki geçersiz kılınmış başlıklar ve içerikler için faydalı ipuçları

Ağ panelinde artık bir isteğin Başlıklar ve Yanıt sekmelerinin yanındaki mor nokta simgesinin üzerine geldiğinizde ipuçları gösterilmektedir. İpuçları, Geliştirici Araçları tarafından nelerin geçersiz kılındığını gösterir.

Başlıklar ve Yanıt sekmelerinde mor nokta simgesinin yanındaki yeni ipuçları.

Chromium sorunu: 1469776.

Artık Komut Menüsü'ne ağ isteği engelleme kalıpları eklemek veya bunları kaldırmak için komut yazabilirsiniz.

Ağ engelleme kalıpları eklemek veya kaldırmak için yeni komutlar eklemeden önce ve sonra.

Ekle komutu, kalıbı belirtmeniz için sizi iletişim kutusuna götürür. Kaldır komutu ise Ağ isteği engelleme panelini açmadan tüm kalıpları kaldırır.

İGP ihlal denemesi kaldırıldı

Sürüm 89'da kullanıma sunulan deneysel İGP ihlalleri sekmesi, gereksiz olduğu için kaldırılmıştır.

CSP ayrıntılarını bir bakışta görmek için Uygulama > Çerçeveler > İçerik Güvenliği Politikası (CSP) bölümüne gidin.

Uygulama panelindeki İçerik Güvenliği Politikası.

Ayrıca, Sorunlar panelinde CSP ihlalleri de raporlanır.

Uygulama panelindeki İçerik Güvenliği Politikası.

Lighthouse 11.3.0

Lighthouse paneli artık Lighthouse 11.3.0'ı çalıştırmaktadır. Değişikliklerin tam listesini inceleyin. Önemli değişikliklerin biri, 404 sayfalarında rapor çalıştırabilme olanağıdır.

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:

Ağ > Yük altında, artık kaynağı görüntüle ve URL kodlamalı görüntüle düğmelerine sekme odağı ekleyebilir ve ilgili işlemi tetiklemek için Enter veya Boşluk tuşuna basabilirsiniz.
Konsol'da, karışıklığı azaltmak amacıyla, artık Hata Ayıklayıcı tarafından kullanılamayan komut dosyalarına yönlendiren bağlantılar artık devre dışıdır ve tıklanamıyor.
Kaynaklar > Sayfa'daki ağaç gibi gezinme ağaçlarında, Enter tuşu artık alt öğeleri olan düğümleri genişletip daraltıyor.

Chromium sorunları: 1338391, 1500662, 1420362.

Öne çıkan çeşitli unsurlar

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

Performans. Bir kayıt başarısız olursa artık İşlenmemiş izleme etkinliklerini indir seçeneğini kullanabilir ve sorunun nereden kaynaklandığını tespit edebilirsiniz (kaydet).
Konsolu Göster kısayolu (Mac için Ctrl+`, Windows ve Linux için Ctrl++) artık yalnızca Konsol'u açmakla kalmıyor, ikinci kez basıldığında da kapanıyor.
Geliştirici Kaynakları. CSS kaynaklarının ve ilgili sorunların bildirilmesini engelleyen bir hata düzeltildi (1420362).
Öğeler:
- iframe'lerdeki öğeleri denetlemeyle ilgili bir hata düzeltildi (1453375).
- Hesaplandı. Varsayılan değerlerin oluşturulmasını engelleyen bir hata düzeltildi (1499882).
- Arama. Bir veya iki karakterli kısa sorgular için eşleşme sayısının hesaplanmasını engelleyen bir hata düzeltildi (1416457).
Konsol. Artık Filtre kutusunda (1346936) çıkış yapılmış bir karakterle biten normal ifadeleri doğru şekilde ayrıştırır.
Ayarlar > Çalışma alanı. Hariç tutulan bir klasörün eklenmesini engelleyen bir hata düzeltildi (1503580).
Ağ > Önizleme'yi tıklayın. Artık resimleri data: URI'larıyla (1381791) oluşturur.
Bellek. İşlem çubuğuna (1275407) uygun yükleme ve indirme kaydetme düğmeleri eklendi.

Ö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.