Ouvre l'outil de debuggage du navigateur et crée un point d'arrêt
Syntaxe debugger;
Compatible tous navigateurs
Oui
Oui
Oui
Oui
Oui
Oui
Oui
Description Ouvre l'outil de debuggage du navigateur Chrome, seulement si la console est déjà active.
Si le navigateur ne propose pas cet outil, l'instruction n'a aucun effet.
L'appel à l'instruction crée un point d'arrêt dans l'exécution du script et donne la main au développeur.
Par exemple, un appel à debugger fait apparaître cet écran :
En haut du navigateur, la barre de menu indique que le mode debug est activé :
Le premier bouton reprend l'exécution du script normalement.
Le second bouton exécute la ligne d'instruction suivante, pour une exécution pas à pas.
Dans la partie debugger, les valeurs des variables sont affichées :
L'objet console est le complément idéal pour le développeur.
Exemple 1 : appel de debugger
Code source
<a href="javascript:stop()">Ouvrir le debugger</a>
<script> functionstop() { var a=1; debugger;
a++;
} console.log("Ouvrez d'abord la console du navigateur");
</script>
Ouvre le debugger lors du clic sur le lien.
Si rien ne se produit, il faut d'abord ouvrir la console du navigateur manuellement, par le menu ou par la combinaison de touches.