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

Sofia Emelianova
Sofia Emelianova
GitHub

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

Düzenlenebilir @property kuralı

Artık Öğeler > Stiller bölmesinde ilgili bölümden @property CSS at-rule'u düzenleyebilirsiniz.

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

Chromium sorunu: 1471123.

Geçersiz @property kurallarıyla ilgili sorunlar bildirilir

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

Sorunlar sekmesinde bildirilen mülk kuralıyla ilgili sorunlar.

Chromium sorunu: 1473283.

Taklit edilecek cihazların güncellenmiş listesi

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 güncel cihazların daha fazlasını taklit edebilirsiniz.

Cihaz listesini güncellemeden önce ve sonra.

Chromium sorunu: 1479733.

Kaynaklar'daki komut dosyası etiketlerinde satır içi JSON'u güzel bir şekilde yazdırma

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

Komut dosyası etiketindeki satır içi JSON&#39;un güzel bir şekilde yazdırılmadan önceki ve sonraki hali.

Chromium sorunları: 406900, 1473875.

Console'da özel alanları otomatik olarak tamamlama

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

Sınıf kapsamının dışındaki gizli sınıf alanı için otomatik tamamlamayı destekleyen önce ve sonra.

Chromium sorunları: 1483848, 1381806.

Lighthouse 11.1.0

Lighthouse panelinde artık Lighthouse 11.1.0 sürümü kullanılıyor. Değişikliklerin tam listesini inceleyin.

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 sorunları: 772558.

Erişilebilirlikle ilgili iyileştirmeler

Ekran okuyucular şunu okur:

  • Konsol'daki uyarılar ve hatalar.
  • Console veya Kaynaklar'a kod yapıştırırken gösterilen 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 bakıma alınmadığı için Uygulama > Web SQL bölümü Chrome 123'te kaldırılacak. Bu sürümde, yakında kaldırılacak olan uzantılarla ilgili bölüme bir uyarı eklendi.

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

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

Chromium sorunları: 1485966.

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

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

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, önceki sürümde bu değişikliği ve diğer manifest uyarı iyileştirmelerini hayata geçirdiği için Alexey Rodionov'a teşekkür eder.

Chromium sorunu: 1476656.

Diğer öne çıkan özellikler

Bu sürümdeki dikkate değer düzeltme ve iyileştirmelerden bazıları şunlardır:

  • Öğeler:
    • Animasyon zamanlama işlevi paletleri, genişletilebilir kısayollar altındaki uzun CSS özellikleri için gösterilmez (1149182).
    • contain-intrinsic-* için otomatik tamamlama özelliği artık auto <length> (1480415) olması gerektiği için yanlış tek auto değerini sağlamıyor.
    • Desteği sonlandı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ına neden olan hata düzeltildi (1485782).
  • Performans:
    • Performans kaydı sırasındaki renk ayrıştırma hatası düzeltildi (1480205).
    • LCP'nin zaman çizelgesi kanalında gösterilmemesiyle ilgili hata düzeltildi (1487136).
  • Ağ: Çerez ayarla sütununda artık engellenenler hariç (1486903) ayarlanan çerezlerin doğru sayısı gösteriliyor.
  • DevTools uzantıları artık engellenmemiş bir ana makineye gidildikten sonra yüklenir (1476264).
  • Uzantılar için yanlış komut dosyası yürütme bağlamıyla ilgili hata düzeltildi (1275331).

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni Geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenize, en yeni web platformu API'lerini test etmenize ve sitenizdeki sorunları kullanıcılarınızdan önce 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 başka herhangi bir konu hakkında konuşmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

DevTools'daki yenilikler serisinde ele alınan tüm konuların listesi.