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

Sofia Emelianova
Sofia Emelianova

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

Artık 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 > Başlıklar > Yanıt Başlıkları, imlecinizi bir üstbilgi değerinin üzerine getirin, Düzenle'yi tıklayın. 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 > altındaki .headers dosyasını düzenleyin. Geçersiz kılmalar. 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'da > Çağrı Grubu'nu Onay kutusu. Yoksayılanlar listesindeki çerçeveleri göster bölümünde bulabilirsiniz.

Üçü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'deki CSS iyileştirmeleri > Stiller

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:

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 şükranlarını sunmak 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ı da etkinleştirmek için Ayarlar'a dokunun. Ayarlar'ı etkinleştirin > Konsol > Onay kutusu. Enter'a basıldığında otomatik tamamlama önerisini kabul edin.

Ayarlar'daki ilgili onay kutusu.

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

Chromium sorunu: 1276960.

Komut Menüsü, yazılan dosyaları vurgular

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ı sorunlarını bildirmek için Diğer seçenekler'i Daha fazla > Yardım > Geliştirici Araçları'nda Geliştirici Araçları ile ilgili sorunları bildirin.
  • @ChromeDevTools adresinden tweet atabilirsiniz.
  • Geliştirici Araçları YouTube videoları veya Geliştirici Araçları ipuçları YouTube videolarına yorum yazın.

Geliştirici Araçları'ndaki yenilikler

Geliştirici Araçları'ndaki yenilikler serisinde ele alınan her şeyin listesi.