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 ve metin seçicileri otomatik olarak algılama

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 adım adım ilerleyebilirsiniz. Bu, sıkıştırılmış kodun hata ayıklama özelliğini iyileştirir.

Virgülle ayrılmış ifadeleri adım adım inceleyin.

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;
}

Derleyiciler ve kod sıkıştırıcılar 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. 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 öne çıkan özellikler

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

  • Boşluk tuşuna bastığınızda Stiller bölmesinde CSS mülk adını otomatik olarak tamamlama. (1343316)
  • Öğe panelinin içerik haritasından 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 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.