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

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

Sofia Emelianova

Jecelyn Yeen

Ağ yanıtı başlıklarını 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ığı geçersiz kılmaları sayesinde, aşağıdakiler de dahil ancak bunlarla sınırlı olmamak üzere çeşitli başlıklar için yerel olarak düzeltme prototipleri oluşturabilirsiniz:

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

CORS hatası, başlığın geçersiz kılınmasıyla 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 altında .headers dosyasını düzenleyin. Burada, joker karakterler (*) kullanarak birden çok 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

Geliştirilmiş yığın izleme özelliği, 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ümler tarafından oluşturulan kaynaklardan gelen kareleri gizlemektedir. Geliştirici Araçları bu tür kareleri atlar:

Console izlemelerinde, N kare daha göster bağlantısının altında.
Kaynaklar > Çağrı Grubu bölümünde, Yoksayılanlar listesindeki çerçeveleri göster altında.

Yığın izleme (stack trace), üçüncü taraf yoksayılan listeleme özelliğinin etkinleştirilmesinden önceki ve etkinleştirildikten sonraki durum.

Geliştirici Araçları, Nuxt, Vite ve Rollup ekipleri size bu iyileştirmeleri sunmak için iş birliği yaparak x_google_ignoreList kaynak haritası 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ısında büyük önem taşıyan ç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 artık Stiller bölmesinin üstü çizilir:

CSS özelliği geçersiz olduğunda tüm CSS bildirimi (özellik ve değeri).
Yalnızca CSS özelliği geçerli olduğunda değer geçersiz olur.

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

Geliştirici Araçları ekibi, bu iyileştirmeyi hayata geçirdikleri için Yisi(/#丝) kullanıcısına teşekkür etmek istemektedir.

Animasyon stenografi özelliğindeki animasyon karelerine bağlantılar

animation kısayol CSS özelliği artık karşılık gelen @keyframes kurallarına bağlantılar içermektedir. Böylece Stiller bölmesinde daha hızlı gezinebilirsiniz.

Animasyon stenografi özelliğindeki animasyon karelerine bağlantılar.

Chromium sorunu: 1420656.

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

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

Otomatik tamamlama önerilerini kabul etmek için varsayılan olarak Tab veya Arrow right tuşlarına basabilirsiniz. Enter ile otomatik tamamlamada da Ayarlar > Konsol > Enter'a basıldığında otomatik tamamlama önerisini kabul et seçeneğini etkinleştirin.

Ayarlar'da 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 ele al.

Chromium sorunu: 1276960.

Yazdığınız dosyaları daha fazla vurgulamak için Komut Menüsü'ndeki hızlı açılan iletişim kutusu artık yoksayılanlar listesindeki üçüncü taraf dosyaları devre dışı bırakmaktadır.

Hızlı açılan iletişim kutusunda, değişiklikten önce ve sonra yoksayılanlar listesine alınmış bir komut dosyası.

Chromium sorunu: 1424345.

JavaScript Profiler'in kullanımdan kaldırılması: İkinci aşama

Chrome 58'den itibaren, Geliştirici Araçları ekibi JavaScript Profil Aracı'nı kullanımdan kaldırmayı ve JavaScript CPU performansının profilini çıkarmak için Node.js ve Deno geliştiricilerinin Performans panelini kullanmasını sağlamayı planlıyordu.

DevTools sürüm 113, dört aşamalı JavaScript Profil Aracı'nın kullanımdan kaldı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ı profilini öğrenmek için Performans paneline git'i tıklayın.

JavaScript Profiler'in kullanımdan kaldırılması.

Chromium sorunu: 1354548.

Öne çıkan çeşitli unsurlar

Bu sürümde yapılan bazı dikkate değer düzeltmeler şunlardır:

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

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni geliştirilenler veya Beta'yı kullanmayı düşünün. Bu önizleme kanallarıyla Geliştirici Araçları'nın en yeni özelliklerine erişebilir, son teknoloji ürünü web platformu API'lerini test edebilir ve sitenizdeki sorunları kullanıcılarınızdan önce tespit edebilirsiniz!

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikler ve değişiklikler ya da Geliştirici Araçları ile ilgili diğer konular hakkında konuşmak için aşağıdaki seçenekleri kullanın.

crbug.com adresinden öneri veya geri bildirim gönderin.
Geliştirici Araçları'nda, Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak Geliştirici Araçları sorunlarını bildirin.
@ChromeDevTools adresine tweet gönderin.
Geliştirici Araçları'ndaki YouTube videoları veya Geliştirici Araçları İpuçları YouTube videolarındaki yenilikler hakkındaki görüşlerinizi bizimle paylaşın.