Kaynaklarda değişkenleri izleme

Chrome Geliştirici Araçları, uygulamanızdaki birden fazla değişkeni kolayca görmenize olanak tanır. Kaynaklar'daki değişkenleri izlemek, sizi konsolun dışında tutar ve kodunuzu iyileştirmeye odaklanmanızı sağlar.

Kaynaklar paneli, uygulamanızdaki değişkenleri izleyebilmenizi sağlar. Bu, hata ayıklayıcı kenar çubuğunun izleme bölümünde bulunur. Bu işlevden yararlandığınızda nesneleri konsola tekrar tekrar günlüğe kaydetmeniz gerekmez.

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

Değişkenler 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 için değişken adını sağladığınız bir satır içi giriş açar. Doldurulduktan sonra, bunu listeye eklemek için Enter tuşuna basın.

İzleme listesine ekle düğmesi

İzleyici, değişkenin mevcut değerini eklenirken gösterir. Değişken ayarlanmadıysa veya bulunamazsa, değer için gösterilir.

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

Değişkenleri güncelleme

Uygulama çalışmaya devam ettikçe değişken değerleri değişebilir. İzleme listesi, siz yürütmede adım adım ilerledikçe değişkenlerin canlı görünümü değildir. Ayrılma noktalarını kullanarak yürütme adımına geçtiğinizde 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.

İzlenmekte olan değişken güncellendi

Değişkenler kaldırılıyor

Daha hızlı çalışmak için aradığınızı en aza indirmek amacıyla değişkenleri izleme listesinden kaldırmanız gerekebilir. Bu işlem, değişkenin üzerine gelip sağda görünen kaldırma simgesini tıklayarak yapılabilir.

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