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

Jecelyn Yeen

Etkin olmayan CSS özellikleriyle ilgili ipuçları

Geliştirici Araçları artık geçerli olan ancak görünür bir etkisi olmayan CSS stillerini belirliyor. Geliştirici Araçları, Stiller bölmesinde etkin olmayan özellikleri görünür hale getirir. 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. 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 panelindeki XPath ve metin seçiciler.

Chromium sorunları: 1327206,1327209

Virgülle ayrılmış ifadelere göz atma

Artık hata ayıklama sırasında virgülle ayrılmış ifadelerde ilerleyebilirsiniz. Bu, küçültülmüş kodun hata ayıklamasını 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;
}

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. Küçültülmüş kodda hata ayıklamak için kaynak eşlemelerini orijinal kod anlamında kullanırken bu daha da kafa karıştırıcıdır. Geliştirici daha sonra noktalı virgüllere (araç zinciri tarafından virgüle dönüştürülmüş) bakar ancak hata ayıklayıcı bunlarda 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

Çeşitli öne çıkan anlar

Bu sürümdeki 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ından 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ı 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.

Geliştirici Araçları'ndaki yenilikler

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