Bu sayfa, Cloud Translation API ile çevrilmiştir.

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

Jecelyn Yeen

Etkin olmayan CSS mülkleri için ipuçları

Geliştirici Araçları 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 etkisinin olmadığını anlamak için fareyle yanındaki simgenin üzerine gelin.

Etkin olmayan CSS mülkleri için ipuçları.

Chromium sorunu: 1178508

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

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

XPath ve metin seçicilerini kontrol edebilirsiniz.

Chromium sorunları: 1327206,1327209

Virgülle ayrılmış ifadelerde ilerleme

Artık hata ayıklama sırasında virgülle ayrılmış ifadelerde adım adım ilerleyebilirsiniz. Bu da küçültülmüş kodun hata ayıklamasını kolaylaştırır.

Virgülle ayrılmış ifadelerde adım adım ilerleyin.

Geliştirici Araçları daha önce yalnızca noktalı virgülle ayrılmış ifadelerde adım adım ilerlemeyi destekliyordu.

Aşağıdaki koda göre,

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ındaki adımlama davranışı farklı olduğundan hata ayıklama sırasında karışıklığa yol açar. Küçültülmüş kodda orijinal koda göre hata ayıklamak amacıyla kaynak eşleme kullanmak daha da kafa karıştırıcıdır. Geliştirici, bu durumda geliştirici noktalı virgüllere (araç zinciri tarafından virgüle dönüştürülmüş noktalı virgüllere) bakar ancak hata ayıklayıcı bunlar üzerinde durmaz.

Chromium sorunu: 1370200

İyileştirilmiş Yoksayılanlar listesi ayarı

Ayarlar > Yoksayılanlar 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ı olmak için tasarımı iyileştirir.

Yoksayılanlar Listesi sekmesi.

Chromium sorunu: 1356517

Öne çıkan çeşitli unsurlar

Bu sürümde yapılan bazı dikkate değer düzeltmeler şunlardır:

Boşluk tuşuna bastığınızda Stiller bölmesinde CSS özelliği adını otomatik olarak tamamlayın. (1343316)
Öğe panelinin içerik haritasındaki 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'yı kullanmayı düşünün. Bu önizleme kanallarıyla Geliştirici Araçları'nın en yeni özelliklerine erişebilir, son teknoloji ürünü web platformu API'lerini test edebilir ve sitenizdeki sorunları kullanıcılarınızdan önce tespit edebilirsiniz!

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikler ve değişiklikler ya da Geliştirici Araçları ile ilgili diğer konular hakkında konuşmak için aşağıdaki seçenekleri kullanın.

crbug.com adresinden öneri veya geri bildirim gönderin.
Geliştirici Araçları'nda, Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak Geliştirici Araçları sorunlarını bildirin.
@ChromeDevTools adresine tweet gönderin.
Geliştirici Araçları'ndaki YouTube videoları veya Geliştirici Araçları İpuçları YouTube videolarındaki yenilikler hakkındaki görüşlerinizi bizimle paylaşın.