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

Jecelyn Yeen

Etkin olmayan CSS özellikleri için ipuçları

DevTools artık geçerli olan ancak görünür bir etkisi olmayan CSS stillerini tanımlıyor. Geliştirici Araçları, Stiller bölmesinde etkin olmayan özellikleri soluklaştırır. Kuralın neden görünür bir etkisi olmadığını anlamak için yanındaki simgenin üzerine gelin.

Etkin olmayan CSS özellikleri için ipuçları.

Chromium sorunu: 1178508

Kaydedici panelinde XPath ve metin seçicileri otomatik olarak algılama

Kaydedici paneli artık XPath ve metin seçicileri destekliyor. Kullanıcı akışı kaydetmeye başladığınızda kaydedici, varsa bir öğenin XPath'ini ve en kısa benzersiz metnini otomatik olarak seçici olarak belirler.

Kaydedici panelinde XPath ve metin seçiciler.

Chromium sorunları: 1327206,1327209

Virgülle ayrılmış ifadeler arasında ilerleme

Artık hata ayıklama sırasında virgülle ayrılmış ifadeler arasında adım adım ilerleyebilirsiniz. Bu, küçültülmüş kodun hata ayıklanabilirliğini artırır.

Virgülle ayrılmış ifadeler arasında adım adım ilerleyin.

Daha önce DevTools yalnızca noktalı virgülle ayrılmış ifadeler arasında adım adım ilerlemeyi destekliyordu.

Aşağıdaki kodu göz önünde bulundurarak,

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

Transpiler'lar ve küçültücüler bunları virgülle ayrılmış ifadelere dönüştürebilir.

function bar(){return foo(),foo(),42}

Bu durum, küçültülmüş ve yazılmış kod arasında adım adım ilerleme davranışı farklı olduğundan hata ayıklama sırasında kafa karışıklığına neden olur. Kaynak haritaları, küçültülmüş kodu orijinal koda göre hata ayıklamak için kullanırken bu durum daha da kafa karıştırıcı olur. Çünkü geliştirici, noktalı virgüllere (araç zinciri tarafından virgüllere dönüştürülmüş) bakarken hata ayıklayıcı bu noktalı virgüllerde durmaz.

Chromium sorunu: 1370200

Yoksayılanlar listesi ayarı iyileştirildi

Ayarlar > Yoksayma Listesi'ne gidin. DevTools, kuralları tek bir komut dosyasını veya komut dosyası kalıbını yoksayacak şekilde yapılandırmanıza yardımcı olmak için tasarımı iyileştirir.

Yoksayılanlar listesi sekmesi.

Chromium sorunu: 1356517

Diğer önemli noktalar

Bu sürümdeki önemli düzeltmelerden bazıları şunlardır:

  • Boşluk tuşuna basıldığında Stiller bölmesinde CSS özelliği adını otomatik tamamlama. (1343316)
  • Öğe panelinin içerik haritasında otomatik kaydırmayı kaldırın. (1369734)

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