Scrittura di codice JavaScript codice per pagine Web può essere un'esperienza frustrante per i programmatori, perché l'ambiente di runtime, il browser Web, non viene normalmente utilizzato per attività come impostare punti di interruzione ed esecuzione di riga di debug. I programmatori spesso ricorrono all'utilizzo di finestre di dialogo di avvisi maldestri per tracciare l'esecuzione del loro script. Tuttavia, Internet Explorer 9 include un set completo di funzionalità che facilita efficienti tecniche di debug in ambiente del browser stesso.
Istruzioni
1
Caricare una pagina Web in Internet Explorer e premere "F12" per rivelare gli strumenti di debug. Gli strumenti vengono visualizzati in un pannello lungo la parte inferiore della finestra. Fare clic sulla scheda "Script" per rivelare le funzionalità di debug di JavaScript. Il codice è mostrato sul lato sinistro e vari strumenti di debug sono disponibili sulla destra.
2
Tracciare l'esecuzione di script aggiungendo istruzioni di codice per scrivere nella console JavaScript utilizzando la seguente sintassi:
Window.Console.log ("Script ha eseguito a questo punto");
Questo è un buon sostituto per finestre di dialogo di avvisi, perché lo script non deve aspettare per voi per confermare ogni finestra di dialogo prima di continuare. È possibile aggiungere ulteriori informazioni a queste dichiarazioni utilizzo della concatenazione di stringhe, proprio come con finestre di dialogo di avviso. Per esempio:
Window.Console.log ("per ciclo ha raggiunto iterazione" + i + "\nCurrent valore della somma è" + somma);
Quando lo script viene eseguito nella pagina, fare clic sulla scheda "Console" sul lato destro del pannello debug per visualizzare messaggi di debug generati in questo modo.
3
Impostare un punto di interruzione nello script per fermare l'esecuzione su una determinata linea cliccando sul numero di riga nella visualizzazione codice sul lato sinistro del pannello strumenti di debug. Appare un puntino rosso per indicare il punto di interruzione. Fare clic nuovamente per rimuoverlo. È possibile impostare punti di interruzione su molte linee come ti piace. Fare clic sulla scheda "Breakpoint" sul lato destro degli strumenti di debug per visualizzare contemporaneamente tutti i punti di interruzione e disabilitarli o eliminarli.
4
Fare clic sul pulsante "Avvia debug" per ricaricare la pagina e attivare il breakpoint(s). Il pannello debug separa in una finestra separata in modo è possibile visualizzare il codice migliore. Quando viene raggiunto un punto di interruzione, le fermate di script, la finestra di debug è portata in primo piano e una freccia gialla appare all'interno il puntino rosso per indicare il punto di interruzione.
5
Riprendere l'esecuzione da un punto di interruzione facendo clic sul pulsante "Continua" verde o premendo "F5". Eseguire il codice riga per riga premendo "F11". Passo sopra un blocco di codice premendo "F10" e uscire da un blocco di codice premendo "Shift + F11." È necessario riprendere l'esecuzione (o fare clic su "Termina debug") prima di interagire con la pagina per eseguire ulteriori script.
6
Monitorare i valori delle variabili utilizzando le schede "Guardare" e "Locali" sul lato destro di strumenti di debug. Fare clic su "Guarda," fare clic su un oggetto vuoto linea nell'elenco e digitare il nome della variabile. Come si esegue lo script, il valore di questa variabile viene aggiornato nell'elenco. Utilizzare i punti di interruzione e/o l'esecuzione di riga per vedere il cambiamento di variabile durante l'esecuzione. Rivelare ulteriori informazioni sulla variabile cliccando il simbolo "+". Fare clic sulla scheda "Locali" per visualizzare i nomi e i valori correnti di tutte le variabili rilevanti per la funzione attualmente in esecuzione.
7
Fare clic sulla scheda "Stack di chiamate" per visualizzare la gerarchia di funzioni e metodi che sono stati richiamati per raggiungere il punto di esecuzione corrente. Questo può aiutare a identificare non solo dove sei in esecuzione dello script, ma come ci siete arrivati. Fare doppio clic su una delle voci in questo elenco per visualizzare la riga di codice che ha chiamato tale funzione o metodo.