Ho cercato estesamente ma sono solo più confuso di quando ho iniziato. Ho una pagina web html + js molto semplice ... html carica il mio script js, e lo script js, naturalmente, ha molte variabili definite e usate.Ispeziona le variabili js in Strumenti per sviluppatori di Chrome
In Chrome Dev Tools Sto cercando un modo semplice per sfogliare tutte le variabili definite e utilizzate nel mio script js e i loro valori correnti (con l'esecuzione in pausa).
ho guardato nel Scope
pannello della scheda Sources
, che sembra essere molto promettente, ma non riesco a vedere i miei js variabili nella parte Local
, e la parte Global
ha un albero quasi infinito di elementi che io don' so da dove iniziare a cercare le variabili usate in particolare nel mio js.
frammenti di codice qui sotto ... così mi piacerebbe trovare un modo conveniente di ispezionare le variabili ed i loro valori, come data
per esempio:
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...
});
});
Le variabili globali sono generalmente meglio evitate comunque. Non usarli e il problema scompare. – Quentin
qual'è l'ambito delle tue variabili? sono vars globali o appartengono a un oggetto. Può essere utile pubblicare alcune parti del tuo codice. –
Frammenti di codice aggiunti ... e @ Quentin cosa intendi con questo? – drmrbrewer