2015-08-30 20 views
10

Kapsamlı arama yaptım ancak başladığımdan daha karışık. Çok basit bir html + js web sayfam var ... html js betiğimi yükler ve js betiği elbette birçok tanımlanmış ve kullanılır.js değişkenlerini Chrome Geliştirici Araçları'nda inceleyin

Chrome Dev Tools'da, js komutumda tanımlanan ve kullanılan tüm değişkenleri ve geçerli değerlerini (yürütme duraklatılmışken) taramanın basit bir yolunu arıyorum.

ben umut verici görünüyor Sources sekmesinin ait Scope panelinde baktım ama Local kısmen Benim HB değişkenleri göremiyorum ve Global bölüm I 'don unsurların neredeyse sonsuz ağacı vardır Özellikle benim jsimde kullanılan değişkenleri aramaya nereden başlayacağımı bilmiyorum.

index.html:

<!DOCTYPE html> 

<head> 
    <script type="text/javascript" src="scripts/main.js"></script> 
</head> 

<body> 
</body> 

</html> 

main.js:

$(document).ready(function() { 

    var data = []; 

    (function init() { 
     $('#dragme').hide(); 
     var str = 'hello'; 
     data.push('sample'); 
     myFn(data, str); 
     // more stuff here... 
    }); 

}); 
:

Kod yüzden örneğin data gibi uygun bir değişkenleri teftiş yolunu ve değerlerini bulmak istiyorum ... Aşağıda snippets

+0

Genel değişkenler genellikle en iyi şekilde engellenir. Onları kullanmayın ve sorun gider. – Quentin

+0

Değişkenlerinizin kapsamı nedir? onlar global varlar mı yoksa bir nesneye aitler. Kodunuzun bazı bölümlerinin yayınlanmasına yardımcı olabilirsiniz. –

+0

Kod snippet'leri eklendi ... ve @Quentin Bununla ne demek istiyorsun? – drmrbrewer

cevap

5

Google Chrome Breakpoints, aradığınız şeydir. Duraklatmak istediğiniz satır numarasına tıklamanız yeterlidir ve sonraki satır başlatıldığında yürütme durdurulur. Daha sonra mevcut durumda her değişkene bakabilirsiniz.

+1

Var değerlerini, kaynak koddaki her değişkendeki turuncu arka plandaki değerle birlikte görüyordum, ancak şimdi orada değil, herhangi bir fikri tekrar nasıl açacağım? – SuperUberDuper

+0

@SuperUberDuper Üzgünüm, sorununuzu tam olarak anlamadığıma inanıyorum. Değişkenlerin üzerine geldiğimde onların değerini görüyorum. Yeni kromun (inanıyorum) mevcut kapsamındaki değişkenler için bir ekran da var. –

İlgili konular