Este ușor să te pierzi scrierea de cod JavaScript fără un depanator.
JavaScript Debugging
Este dificil de a scrie cod JavaScript fără un depanator.
Codul dvs. ar putea conține erori de sintaxă sau erori logice, care sunt dificil de diagnosticat.
De multe ori, atunci când codul JavaScript conține erori, nimic nu se va întâmpla. Nu există mesaje de eroare, și veți primi nici un indiciu în cazul în care pentru a căuta erori.
În mod normal, erorile se va întâmpla, de fiecare dată când încercați să scrieți un nou cod JavaScript.
Debuggere JavaScript
Se caută erori în codul de programare se numește cod de depanare.
Debugging nu este ușor. Dar, din fericire, toate browserele moderne au un debugger built-in.
debuggers încorporate poate fi pornit și oprit, forțând erorile să fie raportate la utilizator.
Cu un debugger, puteți seta, de asemenea, puncte de întrerupere (locuri în cazul în care executarea de cod poate fi oprit), și să examineze variabile în timp ce codul este executat.
În mod normal, urmați pașii de altfel în partea de jos a acestei pagini, activați depanare în browser - ul cu tasta F12 și selectați "Console" din meniul depanator.
console. log() console. log() Metoda
Dacă browserul dvs. acceptă depanare, puteți utiliza console. log() console. log() pentru a afișa valorile JavaScript în fereastra debugger:
Exemplu
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html> Încearcă - l singur » Setarea Breakpoints
În fereastra debugger, puteți seta puncte de întrerupere în codul JavaScript.
La fiecare punct de întrerupere, JavaScript va opri de executare, și vă permit să examineze valorile JavaScript.
După examinarea valorilor, puteți relua executarea de cod (de obicei, cu un buton de redare).
Cuvântul cheie debugger
Cuvântul cheie depanator oprește executarea JavaScript și apeluri (if available) sunt (if available) funcția de depanare.
Aceasta are aceeași funcție ca și stabilirea unui punct de întrerupere în debugger.
Dacă nu există depanare este disponibil, declarația depanator nu are niciun efect.
Cu debugger pornit, acest cod se va opri de executare înainte de a executa linia a treia.
Exemplu
var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
Încearcă - l singur » Browsere majore Instrumente debug
În mod normal, activați depanare în browser - ul dvs. cu F12 și selectați "Console" din meniul depanator.
urmați Altfel acești pași:
Chrome
- Deschideți browserul.
- Din meniu, selectați instrumente.
- De la instrumente, pentru a alege instrumente pentru dezvoltatori.
- În cele din urmă, selectați Consola.
Firefox Firebug
- Deschideți browserul.
- Du-te la pagina web:
http://www.getfirebug.com - Urmați instrucțiunile cum să:
instalați Firebug
Internet Explorer
- Deschideți browserul.
- Din meniu, selectați instrumente.
- De la instrumente, pentru a alege instrumente pentru dezvoltatori.
- În cele din urmă, selectați Consola.
Opera
- Deschideți browserul.
- Du-te la pagina web:
http://dev.opera.com - Urmați instrucțiunile cum să:
adăugați un buton Consola pentru dezvoltatori la bara de instrumente.
Safari Firebug
- Deschideți browserul.
- Du-te la pagina web:
http://extensions.apple.com - Urmați instrucțiunile cum să:
instalați Firebug Lite.
Safari Develop Menu
- Du-te la Safari, Preferințe, Advanced din meniul principal.
- Verificați "Enable Show Develop menu in menu bar" de "Enable Show Develop menu in menu bar" .
- Atunci când noua opțiune "Develop" apare în meniu:
Selectați "Show Error Console" .
Știați?
Debugging este procesul de testare, găsirea și reducerea erorilor (errors) în programe de calculator.
Primul cunoscut bug de calculator a fost o problemă reală (an insect) blocat în electronica.