Geliştirme Araçları ve Chrome 140'taki yenilikler

Sofia Emelianova
Sofia Emelianova
GitHub

Gemini ile daha fazla analizde hata ayıklama

Performans > Analizler bölümünde, Yapay zeka ile hata ayıklama'yı (eski adıyla Yapay zekaya sor) tıklayarak Yapay zeka yardımı panelinde Gemini ile sohbet edip hata ayıklayabilir ve daha fazla performans analizi elde edebilirsiniz:

  • Resim yayınlamayı kolaylaştırın
  • Eski JavaScript
  • Yinelenen JavaScript
  • Modern HTTP

"Yapay zeka ile hata ayıklama" düğmesi daha fazla performans analizine eklenmeden önceki ve sonraki durum.

"Ağ koşulları" bölümünde "Save-Data" üstbilgisini taklit etme

Ağ koşulları panelinde artık Save-Data istek üstbilgisinin davranışını taklit edebilirsiniz. Bu başlık, istemcinin veri kullanımını azaltma tercihini belirten bir ağ istemci ipucudur. Bu özellik, navigator.connection.saveData API'si üzerinden de kullanılabilir.

"Veri tasarrufu" istek başlığı emülasyonu "Ağ koşulları"na eklenmeden önce ve eklendikten sonraki durum.

Chromium sorunu: 40668980.

CSS özelliği ipucunda temel durumunu görme

Öğeler > Stiller bölümünde, herhangi bir CSS özelliğinin üzerine geldiğinizde artık özelliğin tanımının altında, Baseline durumuna göre büyük tarayıcılarda kullanılabilirliğini görebilirsiniz.

CSS özelliği araç ipuçlarına Baseline durumu eklenmeden önceki ve eklendikten sonraki görünüm.

Chromium sorunu: 417749762.

Kullanıcı aracısı istemci ipuçlarındaki form faktörlerini geçersiz kılma

Ağ koşulları > Kullanıcı aracısı istemci ipuçları açılır listesinde artık form faktörlerini (özellikle Sec-CH-UA-Form-Factors istek başlığının değerlerini) geçersiz kılma seçenekleri sunuluyor.

Form faktörü geçersiz kılma seçenekleri, kullanıcı aracısı istemci ipuçlarına eklenmeden önce ve eklendikten sonra.

Chromium sorunu: 422218341.

Lighthouse 12.8.0

Lighthouse paneli artık Lighthouse 12.8.0'ı çalıştırıyor.

Bu sürümde en dikkat çekici yenilik, Lighthouse'un yeni bir rapor eklemesidir: Trusted Types ile DOM tabanlı XSS'yi azaltın.

Değişikliklerin tam listesini de inceleyin.

Geliştirici Araçları'nda Lighthouse panelini kullanmanın temel bilgileri için Lighthouse: Web sitesi hızını optimize etme başlıklı makaleyi inceleyin.

Chromium sorunu: 40543651.

Diğer önemli noktalar

Bu sürümdeki önemli düzeltme ve iyileştirmelerden bazıları şunlardır:

  • Yapay zeka yardımı:
    • Artık Ayarlar'da ilgili yapay zeka özelliğini devre dışı bıraktığınızda sohbet geçmişi temizlenir.
    • Erişilebilirlik: Ekran okuyucular artık bağlam başlıklarını erken, yanıt akışı başladığında "Yanıt yükleniyor" ve yanıt tamamlandığında "Yanıt hazır" şeklinde duyuruyor.
  • Öğeler:
    • Stiller sekmesi artık sibling-index(), sibling-count() ve env() CSS işlevlerini değerlendirebilir (crbug.com/417128001, crbug.com/40196710).
    • ::view-transition-group-children sözde öğesi için destek eklendi (crbug.com/425901164).
    • <summary> öğesindeki etkileşimli içeriklerle ilgili erişilebilirlik sorunları için destek eklendi (crbug.com/427172874).
    • Artık Hesaplanan sekmesinden Stiller'deki uzun el yazısı özelliklerine gidebilirsiniz (crbug.com/41486012).
    • Easing, Color (Kolaylaştırma, Renk) düzenleyicileri: Artık klavyeyi kullanarak animasyon geçişleri için bezier örnekleriyle ve renk örnekleriyle etkileşimde bulunabilirsiniz (crbug.com/401213421).
  • Ağ: HAR dosyalarını içe aktarma işlemine artık istek ve yanıt çerezleri de dahil ediliyor (crbug.com/432995868).
  • Cihaz modu: Apple cihazlar için kullanıcı aracıları en son Safari 18.5'e güncellendi.

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