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:

• Kaynaklar Arası Kaynak Paylaşımı (CORS) Başlıkları
• Permissions-Policy Headers
• Kaynaklar Arası Yalıtım Başlıkları

Üstbilgiyi geçersiz kılmak için Ağ > Başlıklar > Yanıt Başlıkları, imlecinizi bir üstbilgi değerinin üzerine getirin, simgesini tıklayın ve düzenleyin.

Özel üstbilgiler de ekleyebilirsiniz.

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.

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 Yoksayılanlar listesindeki çerçeveleri göster bölümünde bulabilirsiniz.

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ı:

• Nuxt 3.3 Sürümü
• Vite Sunucu Seçenekleri
• Birleştirme Yapılandırma Seçenekleri

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:

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

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.

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'ı etkinleştirin > Konsol > Enter'a basıldığında otomatik tamamlama önerisini kabul edin.

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ü, 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.

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.

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