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

Sofia Emelianova
Sofia Emelianova
GitHub

Öğeler > içindeki @property bölümü iyileştirildi Stiller

Düzenlenebilir @property kuralı

Artık Öğeler'in ilgili bölümünde @property CSS kuralını düzenleyebilirsiniz > Stiller bölmesi.

Özellik kuralının düzenlenebilir hale getirilmesinden önceki ve sonraki süreç.

Chromium sorunu: 1471123.

Geçersiz @property kurallarıyla ilgili sorunlar bildirildi

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

Sorunlar sekmesinde bildirilen mülk kuralıyla ilgili bir sorun.

Chromium sorunu: 1473283.

Taklit edilecek cihazların listesi güncellendi

Ayarlar'a dokunun. Ayarlar > Cihazlar, tarayıcıların ve işletim sistemlerinin ortalama kullanımını yansıtacak şekilde güncellendi. Cihaz modunda artık daha fazla güncel cihaz emülasyonu yapabilirsiniz.

Cihaz listesini güncellemeden önce ve sonra.

Chromium sorunu: 1479733.

Kaynaklar'daki komut dosyası etiketlerinde satır içi JSON dosyasını okunaklı şekilde yazdır

Kaynaklar paneli, hata ayıklamayı kolaylaştırmak için artık <script> HTML etiketlerinde okunaklı satır içi JSON'u destekliyor.

Komut dosyası etiketinde satır içi JSON&#39;un güzel yazdırılmasından önce ve sonra.

Chromium sorunları: 406900, 1473875.

Console'da özel alanları otomatik olarak tamamlayın

Artık Konsol'da, sınıf kapsamı dışında değerlendirirken gizli sınıf alanlarını otomatik olarak tamamlayabilirsiniz.

Sınıf kapsamı dışında özel sınıf için otomatik tamamlamanın desteklenmesinden önce ve sonra.

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 kullanmayla ilgili temel bilgileri öğrenmek için Lighthouse: Web sitesi hızını optimize etme konusuna bakın.

Chromium sorunları: 772558.

Erişilebilirlikle ilgili iyileştirmeler

Ekran okuyucular artık şunları sesli okuyacak:

  • Konsoldaki uyarılar ve hatalar.
  • Kodu Konsola veya Kaynaklara yapıştırırken Bu koda güveniyor musunuz? iletişim kutusunda görünen metin.

Ayrıca Uygulama paneli, yüksek kontrast modundaki bağlantılarla ilgili kontrast sorunlarını düzeltti.

Chromium sorunları: 1485257, 1486643, 1485263.

Web SQL desteğinin sonlandırılması

Uygulama > Web SQL Database API artık yönetilmediğinden Web SQL bölümü Chrome 123'te kaldırılacak. Bu sürüm, yakında yapılacak 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 kullanımdan kaldırılması ve kaldırılması başlıklı makaleyi inceleyin.

Chromium sorunları: 1485966.

Uygulama > Ekran görüntüsü en boy oranı doğrulaması Manifest dosyası

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 bir uyarı.

Daha fazla bilgi için Progresif web uygulamalarında hata ayıklama ve web uygulaması manifest dosyası ekleme bölümlerine göz atın.

Geliştirici Araçları ekibi, önceki sürümde yapılan bu değişikliği ve manifest uyarısıyla ilgili diğer iyileştirmeleri yaptığı için Alexey Rodionov'a teşekkür ediyor.

Chromium sorunu: 1476656.

Çeşitli öne çıkan anlar

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

  • Öğeler:
    • Uzun süreli CSS özellikleri için genişletilebilir kısaltmalar (1149182) altında animasyon zamanlama işlevi kartelaları gösterilmez.
    • contain-intrinsic-* otomatik tamamlama özelliği, auto <length> (1480415) olması gerektiği için artık yanlış tek auto değerini sağlamıyor.
    • Desteği sonlandırılan ve geçersiz -webkit-* mülkleri için sağlanan destek kaldırıldı (1086089, 1030765).
  • Ayrılma 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ındaki renk ayrıştırma hatası düzeltildi (1480205).
    • Zamanlamalar kanalında (1487136) LCP'nin gösterilmemesiyle ilgili hata düzeltildi.
  • Ağ: Çerezleri ayarla sütununda artık, engellenenler hariç olmak üzere, ayarlanan doğru çerez sayısı gösterilmektedir (1486903).
  • Geliştirici Araçları uzantıları artık engellenmeyen bir ana makineye (1476264) gidildikten sonra yükleniyor.
  • Uzantılar için yanlış komut dosyası yürütme bağlamına sahip hata (1275331) düzeltildi.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanabilirsiniz. Bu önizleme kanalları en yeni Geliştirici Araçları özelliklerine erişmenizi, son teknoloji ürünü web platformu API'lerini test etmenizi ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanızı sağlar.

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

Yayındaki yeni özellikleri ve değişiklikleri ya da Geliştirici Araçları ile ilgili diğer her şeyi tartışmak için aşağıdaki seçenekleri kullanın.

  • Öneri veya geri bildirimlerinizi crbug.com adresinden bize iletebilirsiniz.
  • Geliştirici Araçları sorunlarını bildirmek için Diğer seçenekler'i Daha fazla > Yardım > Geliştirici Araçları'nda Geliştirici Araçları ile ilgili sorunları bildirin.
  • @ChromeDevTools adresinden tweet atabilirsiniz.
  • Geliştirici Araçları YouTube videoları veya Geliştirici Araçları ipuçları YouTube videolarına yorum yazın.

Geliştirici Araçları'ndaki yenilikler

Geliştirici Araçları'ndaki yenilikler serisinde ele alınan her şeyin listesi.