Débogage JavaScript

Débogage JavaScript

Lors de l'écriture de JavaScript, ce sera pénible sans outils de débogage.

Débogage JavaScript

Il est difficile d'écrire des programmes JavaScript sans outils de débogage.

Votre code peut contenir des erreurs de syntaxe et des erreurs de logique. Ces erreurs sont difficiles à trouver sans outils de débogage.

Habituellement, s'il y a une erreur dans JavaScript, il n'y aura pas de message d'invite, vous ne pourrez donc pas trouver l'emplacement de l'erreur de code.



Souvent, des erreurs se produiront lorsque vous écrivez un nouveau code JavaScript.


Outils de débogage JavaScript

La recherche d'erreurs dans le code d'un programme est appelée débogage de code.

Le débogage est difficile, mais heureusement, de nombreux navigateurs disposent d'outils de débogage intégrés.

Les outils de débogage intégrés peuvent être démarrés ou désactivés, et des messages d'erreur graves seront envoyés à l'utilisateur.

Avec les outils de débogage, nous pouvons définir des points d'arrêt (où le code cesse de s'exécuter) et examiner les variables pendant l'exécution du code.

Pour activer les outils de débogage dans le navigateur, appuyez généralement sur la touche F12 et sélectionnez "Console" dans le menu de débogage.

QQ图片20161025145433.png

Définir des points d'arrêt

Dans la fenêtre de débogage, vous pouvez définir des points d'arrêt sur le code JavaScript.

A chaque point d'arrêt, l'exécution du code JavaScript s'arrêtera afin que nous puissions vérifier la valeur des variables JavaScript.

Après vérification, vous pouvez réexécuter le code (comme le bouton de lecture).

mot-clé debugger

Le mot-clé debugger est utilisé pour arrêter l'exécution de JavaScript et appeler la fonction de débogage.

Ce mot-clé a le même effet que la définition d'un point d'arrêt dans l'outil de débogage.

L'instruction du débogueur ne fonctionnera pas si aucun débogage n'est disponible.

Activez le débogueur et le code cesse de s'exécuter avant la troisième ligne.

开启调试工具,在代码执行到第三行前会停止执行。var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <head> </head> <body> <p id="demo"></p> <p>开启调试工具,在代码执行到第三行前会停止执行。</p> <script> var x = 15 * 5; debugger; document.getElementById("demo").innerHTML = x; </script> </body> </html>
soumettreRéinitialiser le code