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

Geliştirici Araçları'ndaki Yenilikler (Chrome 113)

Sofia Emelianova

Jecelyn Yeen

Ağ yanıtı üstbilgilerini geçersiz kıl

Artık Ağ panelinde yanıt başlıklarını geçersiz kılabilirsiniz. Önceden, HTTP yanıt başlıklarıyla deneme yapmak için web sunucusuna erişmeniz gerekiyordu.

Yanıt başlığını geçersiz kılma özelliği sayesinde, aşağıdakiler dahil ancak bunlarla sınırlı olmamak üzere çeşitli başlıklar için yerel prototip düzeltmeleri yapabilirsiniz:

Üstbilgiyi geçersiz kılmak için Ağ > Üstbilgiler > Yanıt Üstbilgileri'ne gidin, fareyle bir üstbilgi değerinin üzerine gelin, simgesini tıklayın ve düzenleyin.

CORS hatası, üstbilgi geçersiz kılma işlemiyle düzeltildi.

Özel üstbilgiler de ekleyebilirsiniz.

Özel üstbilgi ekleme.

Tüm geçersiz kılmaları tek bir yerde düzenlemek için Kaynaklar > Geçersiz kılmalar bölümünde .headers dosyasını düzenleyin. Buradan, joker karakterler (*) kullanarak birden fazla isteği geçersiz kılmak için Geçersiz kılma kuralı ekle'yi de tıklayabilirsiniz.

Tüm geçersiz kılmalar düzenleniyor.

Chromium sorunu: 1288023.

Nuxt, Vite ve Rollup hata ayıklama iyileştirmeleri

Hata ayıklama sırasında sorunları daha hızlı belirlemenize yardımcı olmak için gelişmiş yığın izleme özelliği artık Nuxt 3.3 veya sonraki sürümler tarafından oluşturulan kaynaklardan gelen kareleri gizlemektedir. Geliştirici Araçları şu kareleri atlar:

Konsol izleri bölümünde, N çerçeve daha göster bağlantısının altından.
Kaynaklar > Çağrı Yığını bölümündeki Yoksayılanlar listesindeki çerçeveleri göster altında.

Üçüncü taraf yoksayılanlar listesine ekleme etkinleştirilmeden önceki ve sonraki yığın izleme (stack trace).

Geliştirici Araçları, Nuxt, Vite ve Rollup ekipleri, size bu iyileştirmeleri sunmak için işbirliği yaparak x_google_ignoreList kaynak harita uzantısını kullanmaya başladı:

Geliştirici Araçları ekibi, bunu mümkün kıldığı için Nuxt, Vite ve Rollup ekiplerine teşekkür etmek istiyor. Bu uygulamanın başarılı olması için vazgeçilmez olan, çabalarınız ve işbirliğiniz için teşekkür ederiz. Katkılarınız için tekrar teşekkür ederiz!

Öğeler > Stiller'de CSS iyileştirmeleri

Geçersiz CSS özellikleri ve değerleri

CSS sorunlarını daha hızlı teşhis etmenize yardımcı olmak için Stiller bölmesinde artık üstü çiziliyor:

CSS özelliği geçersiz olduğunda CSS bildiriminin tamamı (özellik ve değer).
Yalnızca CSS özelliği geçerli ancak değer geçersizse kullanılan değer.

Geçersiz özellik adı ve geçersiz özellik değeri.

Geliştirici Araçları ekibi, bu iyileştirmeyi sağladıkları için Yisi(丝) adlı içerik üreticiye teşekkür etmek istiyor.

Animasyon kısaltması özelliğindeki animasyon karelerinin bağlantıları

animation kısaltılmış CSS özelliği artık karşılık gelen @keyframes kuvvetleri için bağlantılar içerir. Böylece Stiller bölmesinde daha hızlı gezinebilirsiniz.

Animasyon kısaltması özelliğindeki animasyon karelerinin bağlantıları.

Chromium sorunu: 1420656.

Yeni Konsol ayarı: Enter'a basıldığında otomatik tamamla

Önceki sürümden (112) itibaren, Geliştirici Araçları Konsolu'nu, Enter tuşuna bastığınızda bir otomatik tamamlama önerisi uygulayacak şekilde yapılandırabilirsiniz.

Varsayılan olarak, bir otomatik tamamlama önerisini kabul etmek için Tab veya Arrow right tuşlarına basabilirsiniz. Enter ile otomatik tamamlamayı etkinleştirmek için Ayarlar > Konsol > Enter'a basıldığında otomatik tamamlama önerisini kabul et'i etkinleştirin.

Ayarlar'daki ilgili onay kutusu.

Ayrıca başka bir ayarın metni artık daha kullanıcı dostu: Kod değerlendirmesini, kullanıcı işlemi olarak değerlendirin.

Chromium sorunu: 1276960.

Komut Menüsü'ndeki hızlı açma iletişim kutusu artık yoksayılanlar listesindeki üçüncü taraf dosyaları devre dışı bırakarak yazdığınız dosyaları daha öne çıkarmaktadır.

Değişiklikten önce ve sonra, hızlı açılan iletişim kutusunda yoksayılanlar listesindeki bir komut dosyası.

Chromium sorunu: 1424345.

JavaScript Profil Aracı'nın kullanımdan kaldırılması: İkinci aşama

Chrome 58'in başlarında, Geliştirici Araçları ekibi, JavaScript Profiler'ı kullanımdan kaldırmayı ve Node.js ile Deno geliştiricilerin, JavaScript CPU performansının profilini çıkarmak için Performans panelini kullanmalarını sağlamayı planladı.

Geliştirici Araçları sürüm 113, dört aşamalı JavaScript Profil Aracı desteğinin sonlandırılmasının ikinci aşamasına başlıyor. Bu aşamada paneli açmaya devam edebilirsiniz ancak kullanıcı arayüzü artık kullanılamaz.

CPU performansı profili için Performans paneline git'i tıklayın.

JavaScript Profiler desteğinin sonlandırılması.

Chromium sorunu: 1354548.

Çeşitli öne çıkan anlar

Bu sürümde yer alan bazı önemli düzeltmeler şunlardır:

Unicode karakterleri içeren değişken adlarının yanlış bir şekilde işlenmesi için Kaynaklar panelinde güzel yazdırmaya neden olan bir hata düzeltildi (1425055).
Sorunlar sekmesi, standart olmayan HTML değerleriyle ilgili Otomatik Doldurma sorunları için yeni bir mesaj ekledi (1399414).

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