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 üst bilgilerini denemek için web sunucusuna erişmeniz gerekiyordu.

Yanıt üstbilgisi geçersiz kılmalarıyla, aşağıdakiler dahil ancak bunlarla sınırlı olmamak üzere çeşitli üstbilgilerle ilgili düzeltmeleri yerel olarak prototip olarak oluşturabilirsiniz:

Bir üstbilgiyi geçersiz kılmak için Ağ > Başlıklar > Yanıt Başlıkları'na gidin, fareyle bir üstbilginin değerinin üzerine gelin, Düzenle'yi tıklayın. simgesini tıklayın ve üstbilgiyi düzenleyin.

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

Özel üstbilgiler de ekleyebilirsiniz.

Özel bir üstbilgi ekleme.

Tüm geçersiz kılma işlemlerini tek bir yerde düzenlemek için Kaynaklar > Geçersiz kılma işlemleri bölümündeki .headers dosyasını düzenleyin. Burada, 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üzenleme

Chromium sorunu: 1288023.

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

Geliştirilmiş yığın izleme, hata ayıklama sırasında sorunları daha hızlı tespit etmenize yardımcı olmak için artık Nuxt 3.3 veya sonraki sürümlerde oluşturulan kaynaklardan gelen kareleri gizler. Geliştirici Araçları aşağıdaki türde kareleri atlar:

  • Console izlemelerinde, N tane daha kare göster bağlantısının altında.
  • Kaynaklar > Çağrı Yığını bölümündeki Onay kutusu. İçeriğini yoksayılan çerçeveleri göster'i tıklayın.

Üçüncü taraf yoksayma listelemeyi etkinleştirmeden önce ve sonra yığın izleme.

Bu iyileştirmeleri sunmak için DevTools, Nuxt, Vite ve Rollup ekipleri, x_google_ignoreList kaynak haritası uzantısını benimsemek üzere birlikte çalıştı:

DevTools ekibi, bunu mümkün kıldığı için Nuxt, Vite ve Rollup ekiplerine teşekkür eder. Bu uygulamanın başarılı olması için gerekli olan çaba ve işbirliğiniz için teşekkür ederiz. Katkılarınız için tekrar teşekkür ederiz.

Öğeler > Stiller bölümündeki 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 şu öğelerin üzeri çiziliyor:

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

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

Animasyon kısaltması mülkünde animasyon karelerinin bağlantıları

animation kısaltması CSS mülkü artık Stili bölmesinde daha hızlı gezinebilmeniz için ilgili @keyframes at-kuralları bağlantılarını içeriyor.

Animasyon kısaltması mülkünde animasyon karelerinin bağlantıları.

Chromium sorunu: 1420656.

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

Önceki sürümden (112) itibaren DevTools Konsolunu, Enter tuşuna bastığınızda otomatik tamamlama önerisi uygulayacak şekilde 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ü, oluşturulan dosyaları vurgular

Komut Menüsü'ndeki hızlı açma iletişim kutusunda, oluşturduğunuz dosyalara daha fazla vurgu yapmak için yoksayılanlar listesinde yer alan üçüncü taraf dosyaları artık devre dışı bırakılıyor.

Değişiklikten önce ve sonra hızlı açma iletişim kutusunda yoksayılanlar listesinde yer alan bir komut dosyası.

Chromium sorunu: 1424345.

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

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

DevTools 113 sürümü, dört aşamalı JavaScript Profil Aracı desteğinin sonlandırılmasının ikinci aşamasını başlatır. 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 öne çıkan özellikler

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

  • Kaynaklar panelinde Unicode karakterleri içeren değişken adlarının güzel bir şekilde yazdırılmasının yanlış şekilde ele alınmasına neden olan bir 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, Yeni Geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenize, en yeni web platformu API'lerini test etmenize ve sitenizdeki sorunları kullanıcılarınızdan önce 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 başka herhangi bir konu hakkında konuşmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

DevTools'daki yenilikler serisinde ele alınan tüm konuların listesi.