E 'facile perdersi la scrittura di codice JavaScript, senza un debugger.
JavaScript debug
E 'difficile scrivere codice JavaScript senza un debugger.
Il vostro codice potrebbe contenere errori di sintassi o errori logici, che sono difficili da diagnosticare.
Spesso, quando il codice JavaScript contiene errori, non accadrà nulla. Non ci sono messaggi di errore, e si otterrà indicazioni dove cercare gli errori.
Normalmente, gli errori accadrà, ogni volta che si tenta di scrivere qualche nuovo codice JavaScript.
debugger JavaScript
Ricerca di errori nel codice di programmazione è chiamato debug del codice.
Il debug non è facile. Ma per fortuna, tutti i browser moderni hanno un debugger incorporato.
debugger integrati possono essere accesi e spenti, costringendo gli errori da segnalare per l'utente.
Con un debugger, è anche possibile impostare punti di interruzione (luoghi in cui l'esecuzione di codice possono essere fermate), ed esaminare le variabili, mentre il codice è in esecuzione.
Normalmente, altrimenti seguire le istruzioni nella parte inferiore di questa pagina, si attiva il debug nel browser con il tasto F12, e selezionare "Console" nel menu debugger.
Il console.log() Metodo
Se il browser supporta il debug, è possibile utilizzare console.log() per visualizzare i valori JavaScript nella finestra del debugger:
Esempio
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html> Prova tu stesso " Impostazione punti di interruzione
Nella finestra di debug, è possibile impostare i punti di interruzione nel codice JavaScript.
Ad ogni punto di interruzione, JavaScript si fermerà l'esecuzione, e ti permettono di esaminare i valori JavaScript.
Dopo aver esaminato i valori, è possibile riprendere l'esecuzione di codice (in genere con un pulsante di riproduzione).
La chiave di debugger
La parola chiave debugger interrompe l'esecuzione di JavaScript, e le chiamate (se disponibile) la funzione di debug.
Questo ha la stessa funzione di impostazione di un punto di interruzione nel debugger.
Se non è disponibile il debug, la dichiarazione debugger non ha alcun effetto.
Con il debugger acceso, questo codice si fermerà esecuzione prima di eseguire la terza linea.
Debugging Tools principali browser '
Normalmente, si attiva il debug nel browser con F12, e selezionare "Console" nel menu debugger.
In caso contrario, attenersi alla seguente procedura:
Chrome
- Aprire il browser.
- Dal menu, selezionare gli strumenti.
- Da strumenti, scegliere strumenti di sviluppo.
- Infine, selezionare Console.
Firefox Firebug
- Aprire il browser.
- Vai alla pagina web:
http://www.getfirebug.com - Seguire le istruzioni su come:
installare Firebug
Internet Explorer
- Aprire il browser.
- Dal menu, selezionare gli strumenti.
- Da strumenti, scegliere strumenti di sviluppo.
- Infine, selezionare Console.
Opera
- Aprire il browser.
- Vai alla pagina web:
http://dev.opera.com - Seguire le istruzioni su come:
aggiungere un pulsante Console per gli sviluppatori alla barra degli strumenti.
Safari Firebug
- Aprire il browser.
- Vai alla pagina web:
http://extensions.apple.com - Seguire le istruzioni su come:
installazione di Firebug Lite.
Safari Develop Menu
- Vai a Safari, Preferenze, Avanzate nel menu principale.
- Controllo "Enable Mostra menu nella barra dei menu Develop".
- Quando la nuova opzione "Sviluppo" appare nel menu:
Scegliere "Show Error Console".
Lo sapevate?
Il debugging è il processo di test, trovare, e riducendo i bug (errori) nei programmi per computer.
Il computer bug prima nota è stato un vero e proprio bug (insetto) bloccato in dell'elettronica.