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

Sofia Emelianova
Sofia Emelianova
GitHub

Öğeler > Stiller'deki @property bölümü iyileştirildi

Düzenlenebilir @property kuralı

Artık @property CSS at-rule öğesini Öğeler > Stiller bölmesindeki ilgili bölümde düzenleyebilirsiniz.

Mülk kuralı düzenlenebilir hale getirilmeden önceki ve sonraki durum.

Chromium sorunu: 1471123.

Geçersiz @property kurallarıyla ilgili sorunlar bildirilir.

Sorunlar sekmesi artık @property kurallarındaki geçersiz bildirimlerle ilgili sorunları bildiriyor.

Sorunlar sekmesinde tesis kuralıyla ilgili bir sorun bildirildi.

Chromium sorunu: 1473283.

Emüle edilecek cihazların listesi güncellendi

Ayarlar'a dokunun. Ayarlar > Cihazlar bölümündeki kullanıcı aracısı dizeleri, tarayıcıların ve işletim sistemlerinin ortalama kullanımını yansıtacak şekilde güncellendi. Artık cihaz modunda daha fazla güncel cihazı taklit edebilirsiniz.

Cihaz listesi güncellenmeden önce ve güncellendikten sonraki durum.

Chromium sorunu: 1479733.

Kaynaklar'daki komut dosyası etiketlerinde satır içi JSON'ı güzel biçimlendirme

Kaynaklar paneli artık daha kolay hata ayıklama için <script> HTML etiketlerinde satır içi JSON'u güzel biçimlendirmeyi destekliyor.

Komut dosyası etiketinde satır içi JSON&#39;ın güzel biçimlendirilmiş hali öncesi ve sonrası.

Chromium sorunları: 406900, 1473875.

Console'da özel alanları otomatik tamamlama

Artık Console'da sınıf kapsamı dışında değerlendirirken özel sınıf alanlarını otomatik olarak tamamlayabilirsiniz.

Sınıf kapsamı dışındaki özel sınıf alanı için otomatik tamamlamayı destekleyen &quot;önce&quot; ve &quot;sonra&quot; örnekleri.

Chromium sorunları: 1483848, 1381806.

Lighthouse 11.1.0

Lighthouse paneli artık Lighthouse 11.1.0'ı çalıştırıyor. Değişikliklerin tam listesini 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 sorunları: 772558.

Erişilebilirlikle ilgili iyileştirmeler

Ekran okuyucular artık aşağıdakileri okuyacak:

  • Konsol'daki uyarılar ve hatalar.
  • Kodu Konsol'a veya Kaynaklar'a yapıştırırken Bu koda güveniyor musunuz? iletişim kutusundaki metin.

Ayrıca, Uygulama panelinde yüksek kontrast modundaki bağlantılarla ilgili kontrast sorunları düzeltildi.

Chromium sorunları: 1485257, 1486643, 1485263.

Web SQL desteğinin sonlandırılması

Web SQL Veritabanı API'si artık desteklenmediğinden Chrome 123'te Application (Uygulama) > Web SQL bölümü kaldırılacak. Bu sürüm, yaklaşan kaldırma işlemiyle ilgili bölüme bir uyarı ekler.

Web SQL desteğinin sonlandırılmasıyla ilgili uyarı.

Daha fazla bilgi için Web SQL'in desteğini sonlandırma ve kaldırma başlıklı makaleyi inceleyin.

Chromium sorunları: 1485966.

Uygulama > Manifest bölümünde ekran görüntüsü en boy oranı doğrulama

Uygulama > Manifest bölümü artık aynı form faktörüne (wide veya narrow) sahip web uygulamanızın ekran görüntülerinin aynı en boy oranına sahip olup olmadığını kontrol ediyor.

Aynı form faktörüne sahip ekran görüntülerinin yanlış en boy oranıyla ilgili uyarı.

Daha fazla bilgi için Progresif web uygulamalarında hata ayıklama ve Web uygulaması manifesti ekleme başlıklı makaleleri inceleyin.

DevTools ekibi, bu değişikliği ve önceki sürümdeki diğer manifest uyarı iyileştirmelerini kullanıma sunan Alexey Rodionov'a teşekkür eder.

Chromium sorunu: 1476656.

Diğer önemli noktalar

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

  • Öğeler:
    • Genişletilebilir kısa biçim altındaki uzun biçimli CSS özellikleri için animasyon zamanlama işlevi örnekleri gösterilmiyor (1149182).
    • contain-intrinsic-* için otomatik tamamlama özelliği artık yanlış tek auto değerini sağlamıyor. Bunun nedeni, değerin auto <length> (1480415) olması gerektiğidir.
    • Kullanımdan kaldırılan ve geçersiz -webkit-* özellikleri için destek kaldırıldı (1086089, 1030765).
  • Kesme noktaları: Kesme noktası türü değiştirildiğinde kesme noktası düzenleme iletişim kutusunun kaybolmasıyla ilgili hata düzeltildi (1485782).
  • Performans:
    • Performans kaydı sırasında oluşan renk ayrıştırma hatası düzeltildi (1480205).
    • LCP'nin Zamanlamalar izinde gösterilmemesi hatası düzeltildi (1487136).
  • Ağ: Çerezleri ayarla sütununda artık engellenenler (1486903) hariç olmak üzere ayarlanan çerezlerin doğru sayısı gösteriliyor.
  • Geliştirici Araçları uzantıları artık engellenmemiş bir ana makineye gidildikten sonra yükleniyor (1476264).
  • Uzantılar için komut dosyası yürütme bağlamının yanlış olmasına neden olan hata düzeltildi (1275331).

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