Kaynaklarda değişkenleri izleme

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.

Hata ayıklayıcının izleme bölümü

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.

İzleme listesine ekle düğmesi

İzleyici, değişkenin mevcut değerini eklendikçe gösterir. Değişken ayarlanmamışsa veya bulunamazsa değer için simgesi gösterilir.

İzleme listesinde tanımlanmamış değişken

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.

Saat değişkenlerini yenile düğmesi

Yenileme istendiğinde mevcut uygulama durumu yeniden kontrol edilir. İzlenen her öğe mevcut değerlerle güncellenir.

İzlenen güncellenmiş değişken

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.

İzleme listesinden kaldırılacak fareyle üzerine gelme değişkeni