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

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

Sofia Emelianova

Kaydedici uzantılarının resmi koleksiyonu yayında

Dışa aktarma ve tekrar oynatma Recorder uzantılarının resmi koleksiyonu artık kullanıma sunulmuştur.

Koleksiyonu doğrudan Kaydedici'den açmak için Kaydedici panelinin üst kısmındaki işlem çubuğunda indir Dışa aktar > Uzantıları al... seçeneğini belirleyin.

Ağ iyileştirmeleri

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

Durum sütunundaki hata nedeni

Durum sütununda artık her zaman bir hata nedeni gösterilir. Daha önce, check_box Büyük istek satırları'nı etkinleştirmeniz veya tablodan isteği seçmeniz gerekiyordu.

Durum sütununda başarısızlığın nedeninin gösterilmesinden önceki ve sonraki durum.

Chromium sorunları: 1506760.

İyileştirilmiş Kopyalama alt menüsü

İsteklerin Kopyala alt menüsü artık daha iyi düzenlenmiştir.

Kopyala alt menüsünün iyileştirilmesinin öncesi ve sonrası.

Ayrıca cURL olarak kopyala seçeneği artık Windows'da doğru komutu panoya kopyalıyor.

Chromium sorunları: 1267033, 1276452, 798498.

Performans iyileştirmeleri

Bu sürüm, Performans panelinde çeşitli iyileştirmeler getiriyor.

Zaman Çizelgesi'ndeki içerik haritaları

Performans panelinin üst kısmındaki Zaman Çizelgesi artık içerik haritalarını ayarlamanıza ve bunlar arasında geçiş yapmanıza olanak tanıyor.

İçerik haritasını ayarlamak için Zaman çizelgesinde bir aralık seçin, fareyle aralığın üzerine gelin ve N ms zoom_in düğmesini tıklayın. İç içe yerleştirilmiş birden fazla içerik haritasını arka arkaya oluşturabilirsiniz. Yakınlaştırma düzeyleri arasında geçiş yapmak için Zaman Çizelgesi'nin üst kısmındaki zincirde ilgili içerik haritasını tıklayın. İçerik haritalarının nasıl çalıştığını görmek için sonraki videoyu izleyin.

Chromium sorunları: 1467739.

Ana kanaldaki etkinlik başlatıcılar

Varsayılan olarak Performans > Ana kanal, başlatıcıları birbirine bağlayan okları ve bunların neden olduğu aşağıdaki etkinlikleri gösterir.

Stil veya düzen geçersiz kılma -> Stilleri yeniden hesapla veya Düzen
Animasyon Çerçevesi İste -> Animasyon Karesi Tetiklendi
Boşta Geri Çağırma İsteğinde Bulun -> Boşta Geri Çağırmayı Tetikle
Zamanlayıcı Yükle -> Zamanlayıcı Tetiklendi
WebSocket Oluştur -> Gönder... ve WebSocket El Sıkışması al veya WebSocket'i kaldır

Okları görmek için izde böyle bir etkinliği bulup tıklayın. Daha önce bu özellik deneme aşamasındaydı.

İstekten bir ok ve boşta geri çağırmanın tetiklenmesi.

Chromium sorunları: 1434596.

Artık Node.js DevTools'un Performance (Performans) panelinde işlem çubuğundaki ilgili açılır menüden bir JavaScript sanal makine örneği seçebilirsiniz. Yakında kullanımdan kaldırılacak olan JavaScript Profil Aracı'nda da benzer bir özellik bulunuyordu.

JavaScript sanal makine örneği seçmenizi sağlayan yeni menünün eklenmesinden önceki ve sonraki süreçler.

Chromium sorunları: 1511813.

Öğe iyileştirmeleri

Bu sürüm, Öğeler panelinde çeşitli iyileştirmeler getiriyor.

Sonraki iki özelliğe ek olarak, Öğeler paneli artık açtığınız son sekmeyi (ör. Hesaplanan veya Özellikler) hatırlar.

`::view-transition` sözde öğesi artık Stiller'de düzenlenebilir

Artık ::view-transition CSS sözde öğelerini denetleyici stil sayfasını kullanarak Stiller'de düzenleyebilirsiniz.

Görüntüleme geçişi sözde öğelerinin düzenleme öncesi ve sonrası desteği.

Daha fazla bilgi için View Transitions API ile sorunsuz ve basit geçişler başlıklı makaleye bakın.

Chromium sorunları: 1511233.

Blok kapsayıcılar için `align-content` özelliği desteği

align-content özelliği artık table-caption ve table-cell dahil tüm engelleme kapsayıcılarıyla çalışır. Daha önce yalnızca ızgara ve esneklikle çalışıyordu.

Blok kapsayıcılarda içerik öncesi ve sonrası hizalama desteği.

Chromium sorunları: 1500511.

Kaynaklar'da yeni kısayol ve komut

Artık Cmd (Mac) / Cmd (Win) + Cmd + Kaynaklar'da bir satır numarasını tıklayarak günlük noktası oluşturabilirsiniz. Bu kısayol, koşullu ayrılma noktaları için mevcut Cmd (Mac) / Ctrl (Win) + tıklama işlemine ektir.

Komut Menüsü, Düzenleyici'nin açılır menüsündeki ilgili seçenekle aynı işlevi gören yeni Gezinme kenar çubuğunda etkin dosyayı göster komutunu alır.

Etkin dosyayı gezgin kenar çubuğunda gösteren yeni komut.

Chromium sorunları: 1486933, 1467464.

Emüle edilmiş katlanabilir cihazlar için duruş desteği

Cihaz modu artık emüle edilmiş katlanabilir cihazların duruşunu ayarlamanıza olanak tanıyor: Sürekli veya Katlanmış. Kesintisiz duruş "düz" pozisyonu belirtir ve katlanmış ekranın bölümleri arasında bir açı oluşturur.

Durum seçeneklerini içeren bir açılır menü.

Ek olarak, Cihazlar listesine emüle edilen yeni bir katlanabilir cihaz da geliyor: Asus Zenbook Fold.

Chromium sorunu: 1066842.

Dinamik tema oluşturma

Geliştirici Araçları artık Chrome'un renk temasıyla otomatik olarak eşleşiyor. Bir tema ayarlamak için:

Yeni bir sekme açın ve sağ alt köşedeki düzenle Chrome'u özelleştir'i tıklayın.
Görünüm'de, duvar kağıdı Temaları değiştir bölümünden bir tema belirleyin veya bir renk paleti seçin.

Geliştirici Araçları, Görünüm'de seçilen renk temasıyla eşleşir.

Chromium sorunları: 1483276.

Üçüncü taraf çerezlerinin, Ağ ve Uygulama panellerindeki aşamalı olarak kullanımdan kaldırma uyarıları

Artık hem Ağ hem de Uygulama panellerinde, İzleme Koruması'nın getirdiği üçüncü taraf kısıtlamalarından etkilenen çerezler vurgulanır ve yanlarında uyarılar gösterilir.

Ağ'da uyarı uyarı simgesi bulunan bir isteği bulup tıklayın ve Çerezler sekmesini açın.

Ağ panelinde üçüncü taraf çerezlerinin yakalanmasından önceki ve sonraki dönem.

Uygulama'da Depolama alanı > Çerezler'e gidin ve bir alanı tıklayın. Sarı renkle vurgulanan çerezler tarayıcıda saklanmaz.

Uygulama panelinde üçüncü taraf çerezlerinin vurgulanmasından önceki ve sonraki durum.

Sorunları açıklayan bir ipucu görmek için fare imlecini uyarı simgesinin üzerine getirin ve daha fazla bilgi içeren Sorunlar sekmesini açmak için simgeyi tıklayın.

Ayrıca, tablodaki çerezler artık varsayılan olarak ada göre sıralanıyor.

Chromium sorunları: 1506225, 1503961.

Lighthouse 11.4.0

Lighthouse paneli artık Lighthouse 11.4.0'ı çalıştırmaktadır. Değişikliklerin tam listesini inceleyin. Önemli değişiklikler arasında, web sitenizin hâlâ üçüncü taraf çerezlerini kullanıp kullanmadığını tespit etmenizi sağlayan yeni denetim bulunmaktadır.

Üçüncü taraf çerezlerini algılayan 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:

Ayarlar Ayarlar > Denemeler'i açtığınızda Arama kutusu artık otomatik olarak odaktadır.
Ağ > Filtre'deki iptal Girişi temizle düğmesine artık odaklanabilirsiniz.
Kaynaklar > Sayfa'daki dosya ağacı artık yüksek kontrast modunda doğru şekilde görüntüleniyor.
Ekran okuyucular artık aşağıdakileri doğru bir şekilde duyuruyor:
- Kaynaklar > Kesme noktaları bölümündeki onay kutularının durumu.
- Öneri listesi için konum ve dizin bilgileri.
- Ayarlar Ayarlar > Konumlar'da konum eklerken veya silerken yapılacak işlem sonucu.
- Ayarlar Ayarlar > Yoksayma Listesi'nde hariç tutma kuralı grupları (genel veya özel).

Chromium sorunları: 1504938, 1499868, 1512161, 1515224, 1515418, 1516998, 1517015.

Öne çıkan çeşitli unsurlar

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

Animasyonlar:
- Ekran görüntüsünün sınırlar dışında açılmasına neden olan hata düzeltildi (1506991).
- Kaldırıldı olarak işaretlenmemiş animasyon düğümleriyle ilgili hata düzeltildi (1506561).
Ağ:
- Üstbilgi geçersiz kılmaları: Başlıklar sekmesinde mor yanlış nokta simgesi olan bir hata düzeltildi (1507856).
- Önizleme: Gereksiz çift kod çözme içeren bir hata düzeltildi (1509336).
- Kısa isteklerin gösterilmemesine neden olan bir hata düzeltildi (1509862).
Application > IndexedDB: Diğer panellerle tutarlılık için işlem çubuğundaki düğmeler yeniden düzenlendi (1393800).
Sensörler: Kullanılamayan konum bilgisinin hatalı, başarılı geri çağırması (1486859) ile ilgili hata düzeltildi.
Performans:
- Çöpü topla düğmesinde artık uygun bir simge ("bin" yerine "paspas" simgesi var (1507530).
- Performans izleme, about:blank (1509947) konumuna gidildiğinde artık verileri koruyor.

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