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

Jecelyn Yeen

Etkin olmayan CSS özellikleriyle ilgili ipuçları

DevTools artık geçerli ancak görünür etkisi olmayan CSS stillerini tanımlar. 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 fareyle yanındaki simgenin üzerine gelin.

Etkin olmayan CSS özellikleriyle ilgili ipuçları.

Chromium sorunu: 1178508

Kaydedici panelinde XPath'i ve metin seçicileri otomatik olarak algıla

Kaydedici paneli artık XPath ve metin seçicileri desteklemektedir. Bir kullanıcı akışını kaydetmeye başlayın. Kaydedici, varsa seçici olarak bir öğenin XPath'ini ve en kısa benzersiz metnini otomatik olarak seçer.

Kaydedici panelinde XPath ve metin seçiciler.

Chromium sorunları: 1327206,1327209

Virgülle ayrılmış ifadelerde adımlama

Artık hata ayıklama sırasında virgülle ayrılmış ifadelerde ilerleyebilirsiniz. Bu, sıkıştırılmış kodun hata ayıklama özelliğini iyileştirir.

Virgülle ayrılmış ifadelere göz atın.

Daha önce DevTools yalnızca noktalı virgül ile ayrılmış ifadelerde adım atmayı destekliyordu.

Aşağıdaki kodda,

function foo() {}

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

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

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

Adımlama davranışı, sıkıştırılmış kod ile yazılmış kod arasında farklı olduğundan bu durum, hata ayıklama sırasında kafa karışıklığına neden olur. Geliştirici, kaynak haritalarını kullanarak sıkıştırılmış kodu orijinal kod açısından hata ayıklamaya çalışırken daha da kafa karıştırıcı bir durumla karşılaşır. Geliştirici, noktalı virgüllere bakar (bunlar, araç zinciri tarafından gizlice virgüllere dönüştürülür) ancak hata ayıklayıcı bu noktalarda durmaz.

Chromium sorunu: 1370200

Yoksayılanlar listesi ayarı iyileştirildi

Ayarlar > İçerikleri Yoksayma Listesi'ne gidin. Geliştirici Araçları, kuralları tek bir komut dosyasını veya komut dosyası kalıbını yoksayacak şekilde yapılandırmanıza yardımcı olacak şekilde tasarımı iyileştirir.

Yoksayılanlar listesi sekmesi.

Chromium sorunu: 1356517

Çeşitli öne çıkan anlar

Bu sürümde yer alan bazı önemli düzeltmeler şunlardır:

  • Boşluk tuşuna basıldığında Stiller bölmesinde CSS özelliğinin adını otomatik olarak tamamlayın. (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, Yeni geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları en yeni Geliştirici Araçları özelliklerine erişmenizi, son teknoloji web platformu API'lerini test etmenizi ve sitenizdeki sorunları kullanıcılarınızdan önce bulmanızı sağlar.

Chrome Geliştirici Araçları Ekibi ile iletişime geçme

Yeni özellikleri, güncellemeleri veya Geliştirici Araçları ile ilgili diğer konuları görüşmek 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.