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

Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

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

Artık Ağ panelinde yanıt üstbilgilerini geçersiz kılabilirsiniz. Daha önce, HTTP yanıt başlıklarıyla deneme yapmak için web sunucusuna erişmeniz gerekiyordu.

Yanıt üstbilgisi geçersiz kılma işlemleriyle, aşağıdakiler dahil ancak bunlarla sınırlı olmamak üzere çeşitli üstbilgiler için düzeltmeleri yerel olarak prototipleyebilirsiniz:

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

CORS hatası, başlık geçersiz kılınarak düzeltildi.

Özel üstbilgiler de ekleyebilirsiniz.

Özel üstbilgi ekleme

Tüm geçersiz kılmaları tek bir yerden düzenlemek için Kaynaklar > Geçersiz kılmalar'daki .headers dosyasını düzenleyin. Ayrıca, 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ı tespit etmenize yardımcı olmak için gelişmiş yığın izleme artık Nuxt 3.3 veya sonraki sürümler tarafından oluşturulan kaynaklardan gelen çerçeveleri gizliyor. Geliştirici Araçları bu tür çerçeveleri atlar:

  • Console izlerinde, Show N more frames (N tane daha kare göster) bağlantısının altında.
  • Kaynaklar > Çağrı Yığını bölümündeki Onay kutusu. Yoksayma listesindeki çerçeveleri göster altında.

Üçüncü taraf yoksayma listesi etkinleştirilmeden önce ve etkinleştirildikten sonraki yığın izi.

Bu iyileştirmeleri sunmak için Geliştirici Araçları, Nuxt, Vite ve Rollup ekipleri, x_google_ignoreList kaynak eşleme uzantısını kullanmak üzere işbirliği yaptı:

DevTools ekibi, bu özelliği mümkün kılan Nuxt, Vite ve Rollup ekiplerine teşekkür etmek istiyor. Bu uygulamanın başarılı bir şekilde kullanıma sunulması için gösterdiğiniz çaba ve işbirliği için teşekkür ederiz. Katkılarınız için tekrar teşekkür ederiz.

Öğeler > Stiller bölümünde 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ölmesi artık şunları üstü çizili olarak gösteriyor:

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

Geliştirici Araçları Ekibi, bu iyileştirmeyi kullanıma sunduğu için Yisi(一丝)'ye teşekkür eder.

Animasyon kısa özelliğindeki ana karelere bağlantılar

animation kısa CSS özelliği artık ilgili @keyframes @kurallarına bağlantılar içeriyor. Böylece Stiller bölmesinde daha hızlı gezinebilirsiniz.

Animasyon kısaltma özelliğindeki önemli karelere bağlantılar.

Chromium sorunu: 1420656.

Yeni Console ayarı: Enter'a basıldığında otomatik tamamlama

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

Varsayılan olarak, otomatik tamamlama önerisini kabul etmek için Tab veya Arrow right tuşuna basabilirsiniz. Enter ile de otomatik tamamlama yapmak için Ayarlar'a dokunun. Ayarlar > Konsol > Onay kutusu. Enter tuşuna 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: Onay kutusu. Kod değerlendirmesini, kullanıcı işlemi olarak kabul et.

Chromium sorunu: 1276960.

Komut menüsünde yazılan dosyalar vurgulanır

Komut menüsündeki hızlı açma iletişim kutusunda, oluşturduğunuz dosyalara daha fazla vurgu yapmak için yoksayma listesindeki üçüncü taraf dosyaları artık gri renkte gösteriliyor.

Değişiklikten önce ve sonra hızlı açma iletişim kutusunda yoksayma listesine eklenmiş bir komut dosyası.

Chromium sorunu: 1424345.

JavaScript Profil Aracı desteğinin sonlandırılması: İkinci aşama

Geliştirici Araçları ekibi, Chrome 58'den itibaren JavaScript Profiler'ın desteğini sonlandırmayı ve Node.js ile Deno geliştiricilerinin JavaScript CPU performansını profillemek için Performans panelini kullanmasını planlamıştı.

DevTools 113 sürümü, dört aşamalı JavaScript Profiler desteğinin sonlandırılmasının ikinci aşamasını başlatıyor. Bu aşamada paneli açmaya devam edebilirsiniz ancak kullanıcı arayüzü artık kullanılamaz.

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

JavaScript Profil Aracı desteği sonlandırılıyor.

Chromium sorunu: 1354548.

Diğer önemli noktalar

Bu sürümdeki önemli düzeltmelerden bazıları şunlardır:

  • Kaynaklar panelinde güzel yazdırmanın, Unicode karakterleri içeren değişken adlarını yanlış işlemesine neden olan hata düzeltildi (1425055).
  • Sorunlar sekmesine, standart olmayan HTML değerleriyle ilgili otomatik doldurma sorunları için yeni bir mesaj eklendi (1399414).

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanmayı düşünebilirsiniz. Bu önizleme kanalları, en yeni DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanıza yardımcı olur.

Chrome Geliştirici Araçları Ekibi ile iletişime geçme

Yeni özellikler, güncellemeler veya Geliştirici Araçları ile ilgili diğer konuları tartışmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

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