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

Geliştirici Araçları'ndaki yenilikler, Chrome 125

Sofia Emelianova

Gemini ile Console'daki hataları ve uyarıları daha iyi anlayın

Bu Chrome sürümünde, Geliştirici Araçları Konsolu'na üretken yapay zeka özellikleri özellikleri eklenmiştir. Bu sürüm, karşılaştığınız hataları ve uyarıları daha iyi anlamanıza yardımcı olmak için tasarlanmıştır.

Bir hata veya uyarıyla ilgili yapay zeka tarafından oluşturulmuş açıklama almak için Konsol'da mesajın yanındaki Bu hatayı anla (uyarı) düğmesini tıklayın ve talimatları uygulayın.

Bir hata için yapay zeka tarafından oluşturulan açıklama.

Daha fazla bilgi için Yapay zeka ile hataları ve uyarıları daha iyi anlama başlıklı makaleyi inceleyin.

Öğeler > Stiller'de `@position-try` kural desteği

CSS sabit konumlandırmada hata ayıklamanıza yardımcı olmak için Öğeler > Stiller sekmesi artık @position-try CSS kurallarını destekliyor. Sekme, position-try-options değerlerini çözümler ve her seçeneği özel bir @position-try --name bölümüne bağlar.

@position-try CSS kurallarını desteklemeden önceki ve sonraki süreç.

Daha fazla bilgi edinmek için CSS sabit konumlandırmayla öğeleri birbirine bağlama bölümüne bakın.

Chromium sorunu: 40279608.

Kaynak paneli iyileştirmeleri

Bu sürümle birlikte Kaynaklar panelinde iyileştirmeler yapıldı.

Otomatik güzel yazdırma ve köşeli parantez kapatma özelliğini yapılandırma

Artık Kaynaklar bölümünden Düzenleyici için otomatik güzelce yazdırma ve parantez kapatma özelliğini etkinleştirebilir veya devre dışı bırakabilirsiniz. Oldukça yazdırma özelliği küçültülmüş dosyaların okunabilir olmasını sağlar. Köşeli parantez kapatma, bir açılış ayracı yazdığınızda otomatik olarak bir kapanış parantezi () veya }) veya etiket (>) ekler.

İlgili davranışı yapılandırmak için check_box Ayarlar > Tercihler > Kaynaklar'a giderek yeni check_box Otomatik kapatma ayraçları ve check_box Küçültülmüş kaynakları otomatik olarak yazdır seçeneklerini işaretleyin veya bu seçeneklerin işaretlerini kaldırın.

Chromium sorunları: 40865010, 324314570.

Gerçekleştirilen reddedilen vaatler, yakalandı olarak kabul edilir

Kaynaklar paneli, .catch() veya iki bağımsız değişkenle .then() kullanarak gerçekleştirdiğiniz reddedilen vaatleri artık doğru şekilde kabul ediyor.

Başka bir deyişle, Kaynaklar > Kesme noktaları > check_box Yakalanamayan istisnalarda duraklat seçeneği etkinleştirildiğinde, hata ayıklayıcı aşağıdakilere benzer ifadelerde duraklamaz:

Promise.reject(new Error('fail')).catch((e)=>console.log('caught'));

Yakalanan retleri tanıma öncesi ve sonrası.

Chromium sorunu: 40283993.

Console'daki hata nedenleri

Konsol, artık yığın izlemede (varsa) hata nedenleri zincirlerini gösterir.

Hata ayıklamayı kolaylaştırmak için, hataları yakalarken ve yeniden gönderirken hata nedenlerini belirtebilirsiniz. Konsol, neden zincirinde adım adım ilerledikçe her hata yığınını Caused by: önekiyle yazdırır. Böylece, orijinal hatayı görmeye devam edersiniz.

"Nedeni" ön ekleriyle yazdırmadan önce ve sonra yığın izlemeleri.

Chromium sorunu: 40182832.

Ağ paneli iyileştirmeleri

Bu sürümle birlikte Ağ panelinde çeşitli iyileştirmeler yapıldı.

Erken İpuçları başlıklarını incele

Erken İpuçları başlıkları, Ağ panelindeki isteğin Başlıklar sekmesinde özel bir bölüme sahiptir. Önceden, ilgili başlıkları Yanıt Başlıkları bölümünde bulabiliyordu.

Erken İpuçları, son yanıttan önce ön HTTP yanıtı göndermek için kullanılan bir HTTP durum kodudur (103 Early Hints). Böylece sunucu, ana kaynağı oluşturmakla meşgulken tarayıcıya önemli alt kaynaklar (örneğin, stil sayfası veya kritik JavaScript) ya da sayfa tarafından kullanılması muhtemel kaynaklar hakkında ipuçları gönderebilir.

Erken İpuçları için özel bir bölüm eklemeden önce ve sonra.

Daha fazla bilgi için Erken İpuçları ile sunucu düşünme süresini kullanarak daha hızlı sayfa yüklemeleri konusuna bakın.

Chromium sorunu: 40222701.

Şelale sütununu gizleme

Artık Ağ panelindeki Şelale sütununu, diğer sütunları gizlemeye benzer şekilde gizleyebilirsiniz. Herhangi bir sütun adını sağ tıklayın ve açılır menüdeki check_box_outline_blank Şelale onay kutusunun işaretini kaldırın.

Şelale sütununu gizleme seçeneğini eklemeden önce ve sonra.

Chromium sorunu: 40574989.

Performans paneli iyileştirmeleri

Bu sürüm, Performans panelinde çeşitli iyileştirmeler getiriyor.

CSS seçici istatistiklerini yakalama

Performans panelinde, uzun süreli Stili Yeniden Hesapla etkinlikleri için CSS seçici istatistiklerini yakalamanızı sağlayan yeni bir ayar bulunur.

İstatistikleri görmek için bir Stili Yeniden Hesapla etkinliği seçin ve yeni Seçici İstatistikleri sekmesini açın. Sekmede her bir seçici için geçen süre, eşleşme denemeleri ve sayısı ile yavaş yol eşleşmeme yüzdesiyle ilgili bilgiler gösterilir.

Seçici istatistiklerini eklemeden önce ve sonra.

Chromium sorunu: 324282954.

Sırayı değiştirme ve parçaları gizleme

Kanalların sırasını değiştirmenize ve gizlemenize olanak tanıyan yeni bir yapılandırma modu, Performans paneline eklendi.

Yapılandırma moduna girmek için parça adının sol tarafındaki düzenle Düzenle düğmesini tıklayın. Ardından, parçayı hareket ettirmek için arrow_upward yukarı veya arrow_downward simgesini tıklayın ya da visibility_off gizleme seçeneğini tıklayın. İşiniz bittiğinde parça adının sağ tarafındaki bitti Kontrol et düğmesini tıklayın.

Bir sonraki sürüm olan Chrome 126, bu kullanıcı arayüzünde daha fazla iyileştirme sağlayacaktır.

Chromium sorunu: 311439339.

Bellek panelindeki tutucuları yoksay

Artık Bellek paneliyle yakaladığınız yığın anlık görüntülerinde tutucuları yoksayabilirsiniz.

Bir tutucuyu yoksaymak için bir nesne seçin ve Tutucu bölümünde bir tutucuyu sağ tıklayın ve açılır menüden Bu tutucuyu yoksay'ı seçin. Yok sayılan tutucular, Mesafe sütununda ignored değeriyle işaretlenir. Yok saymayı durdurmak için üstteki işlem çubuğunda Yoksayılan tutucuları geri yükle'yi tıklayın.

Tutucuları yoksayma seçeneği eklemeden önce ve sonra.

Ayrıca yığın anlık görüntüleri artık çok sayıda (yüz milyonlarca) kapsama kenarını ve düğümünü (332350576) desteklemektedir.

Chromium sorunu: 327337527.

Lighthouse 11.7.1

Lighthouse paneli artık Lighthouse 11.7.1'i çalıştırmaktadır. Değişikliklerin tam listesini inceleyin.

Önemli değişiklikler arasında, artık bu sürümde artık güncelliğini yitirmiş Yayıncı Reklamları eklentisi desteğinin bulunmasıdır.

Yayıncı Reklamları eklentisi desteğinin kaldırılmasından önceki ve sonraki durum.

Geliştirici Araçları'ndaki Lighthouse panelini kullanmayla ilgili temel bilgileri öğrenmek için Lighthouse: Web sitesi hızını optimize etme başlıklı makaleyi inceleyin.

Chromium sorunu: 772558.

Öne çıkan çeşitli unsurlar

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

Kaydedici paneli artık resmi olarak önizleme durumundan çıkar (329271496).
Artık özel bir biçimlendirici, body() işlevi için null döndürdüğünde Konsol hata göstermiyor. Bu, geçerli bir davranıştır (329400119).
Kaynaklar paneli, özellikle de söz dizimi vurgulayıcıyı güncelledi. Artık normal ifadede v ve d işaretlerini destekliyor.
Ağ > Çerezler sekmesi, muaf tutulan çerezlerin yanıt çerezleriyle eşlenmesiyle ilgili bir hatayı düzeltti (41491846).
Öğeler > Stiller sekmesi artık şunları yapar:
- Özel mülklerle birlikte tamamen aşırı yüklenmiş devralınmış kuralları gösterir (41489874).
- Uygulanan değeri, renk temasına bağlı olarak light-dark() uygulamasında vurgular (331123816).

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