Retourner à la page d'accueil de TJS

Structure : debugger

  

Ouvre l'outil de debuggage du navigateur et crée un point d'arrêt

Syntaxe
debugger;

Description
Ouvre l'outil de debuggage du navigateur Chrome.
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 :
Exemple script référence Toutjavascript.com

En haut du navigateur, la barre de menu indique que le mode debug est activé :
Exemple script référence Toutjavascript.com
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 :
Exemple script référence Toutjavascript.com

L'objet console est le complément idéal pour le développeur.


Exemple appel de debugger
Code source
<a href="javascript:stop()">Ouvrir le debugger</a>
<script>
function stop() {
 var a=1;
 debugger;
 a++;
}
</script>

Résultat
Ouvrir le debugger
Emulation de la console
Explication
Ouvre le debugger lors du clic sur le lien.

Page en rapport
Les erreurs fréquentes en JavaScript
Page mise à jour le

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 17/12/2018 10:20:08 sur php7 en 21.63 ms