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.

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şladığınızda kaydedici, varsa seçici olarak bir öğenin XPath'i ve en kısa benzersiz metnini otomatik olarak seçer.

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.

Daha önce Geliştirici Araçları, yalnızca noktalı virgülle ayrılmış ifadelerle adım atmayı destekliyordu.

Aşağıdaki koda bakıldığında,

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}

Bu durum, küçültülmüş ve yazılan kod arasında adım belirleme davranışı farklı olduğu için hata ayıklama sırasında karışıklığa yol açar. 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

İyileştirilmiş yoksayılanlar listesi ayarı

Ayarlar'a gidin > Yoksayma Listesi. 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.

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