Chrome Geliştirici Araçları, uygulamanız genelinde birden çok değişkeni kolayca görmenize olanak tanır. Kaynaklar'daki değişkenleri izlemek sizi konsoldan uzak tutar ve kodunuzu iyileştirmeye odaklanmanızı sağlar.
Kaynaklar paneli, uygulamanızdaki değişkenleri izlemenizi sağlar. Bu bölümü, hata ayıklayıcı kenar çubuğunun izleme bölümünde bulabilirsiniz. Bu işlevden faydalanarak nesneleri tekrar tekrar konsola 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, izlemek istediğiniz değişken adını gireceğiniz bir satır içi giriş açar. Doldurulduğunda listeye eklemek için Enter tuşuna basın.
İzleyici, değişkenin mevcut değerini eklendikçe gösterir. Değişken ayarlanmamışsa veya bulunamazsa değer için
Değişkenleri güncelleme
Uygulama çalışmaya devam ettikçe değişken değerleri değişebilir. Yürütme işlemini adım adım gerçekleştirmediğiniz sürece, izleme listesi değişkenlerin canlı görünümü değildir. Ayrılma noktalarını kullanarak yürütme işlemine 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 istendiğinde 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 baktığınız verileri minimumda tutmak isterseniz değişkenleri izleme listesinden kaldırmanız gerekebilir. Bunun için, fareyle değişkenin üzerine gelip sağda görünen kaldırma simgesini tıklayabilirsiniz.