Chrome DevTools, uygulamanızdaki birden fazla değişkeni kolayca görmenize olanak tanır. Kaynaklar'daki değişkenleri izlemek, konsoldan uzak kalmanızı ve kodunuzu iyileştirmeye odaklanmanızı sağlar.
Kaynaklar paneli, uygulamanızdaki değişkenleri izleme olanağı sunar. Bu, hata ayıklayıcı kenar çubuğunun izleme bölümünde yer alır. Bu işlevden yararlanarak nesneleri konsola tekrar tekrar kaydetmeniz gerekmez.
Değişken ekleme
İzleme listesine değişken eklemek için bölüm başlığının sağındaki ekle simgesini kullanın. Bu işlem, izlenecek değişken adını girdiğiniz satır içi bir giriş açar. Alan doldurulduktan sonra listeye eklemek için Enter tuşuna basın.
İzleyici, değişken eklendikçe değişkenin mevcut değerini gösterir. Değişken ayarlanmamışsa veya bulunamazsa
Değişkenleri güncelleme
Değişken değerleri, uygulama çalışırken değişebilir. İzleme listesi, yürütme adımları arasında geçiş yapmadığınız sürece değişkenlerin canlı görünümü değildir. breakpoints kullanarak yürütme işleminde adım atarken izlenen değerler otomatik olarak güncellenir. Listedeki değişkenleri manuel olarak yeniden kontrol etmek için bölüm başlığının sağındaki yenile düğmesine basın.
Yenileme isteğinde bulunulduğunda mevcut uygulama durumu yeniden kontrol edilir. İzlenen her öğe, mevcut değerlerle güncellenir.
Değişkenleri kaldırma
Daha hızlı çalışmak için izlediğiniz öğe sayısını en aza indirmek amacıyla değişkenleri izleme listesinden kaldırmanız gerekebilir. Bu işlem, fareyle değişkenin üzerine gelip sağ tarafta görünen kaldırma simgesini tıklayarak yapılabilir.
