Comment définir un point d'arrêt JavaScript à partir d'un code dans Chrome?
Je veux forcer le débogueur Chrome à se briser sur une ligne via le code, ou à l'aide d'une sorte de balise de commentaire telle que quelque chose comme console.break().
Vous pouvez utiliser debugger; dans votre code. Si la console du développeur est ouverte, l'exécution sera interrompue. Cela fonctionne aussi dans firebug.
Configurez un écouteur de clic sur un bouton et appelez le debugger;
Exemple
$("#myBtn").click(function() {
debugger;
});
Démo
Ressources sur le débogage en JavaScript
Vous pouvez également utiliser debug(function) pour interrompre l'appel de function.
Comme d'autres l'ont déjà dit, debugger; est la voie à suivre. J'ai écrit un petit script que vous pouvez utiliser à partir de la ligne de commande dans un navigateur pour définir et supprimer les points d'arrêt juste avant l'appel de la fonction: http://andrijac.github.io/blog/2014/01/31/javascript- point d'arrêt /
debugger est un mot clé réservé par EcmaScript et doté d'une sémantique optionnelle depuis ES5
En conséquence, il peut être utilisé non seulement dans Chrome, mais également dans Firefox et Node.js via node debug myscript.js .
Le standard dit :
Syntaxe
DebuggerStatement : debugger ;Sémantique
L'évaluation de la production DebuggerStatement peut permettre à une implémentation de provoquer un point d'arrêt lorsqu'elle est exécutée sous un débogueur. Si un débogueur n'est pas présent ou actif, cette instruction n'a aucun effet observable.
La production DebuggerStatement: debugger; est évalué comme suit:
- Si une fonction de débogage définie par l'implémentation est disponible et activée, alors
- Effectuer une action de débogage définie par l'implémentation.
- Soit result, une valeur d'achèvement définie par l'implémentation.
- Autre
- Laisser le résultat être (normal, vide, vide).
- Retourne le résultat.
Aucun changement dans ES6.
Dans l'onglet "Scripts", accédez à l'emplacement de votre code. À gauche du numéro de ligne, cliquez sur. Cela définira un point d'arrêt.
Capture d'écran:
Vous pourrez ensuite suivre vos points d'arrêt dans l'onglet de droite (comme indiqué sur la capture d'écran).
Point d'arrêt: -
le point d'arrêt cessera de s'exécuter et vous permettra d'examiner les valeurs JavaScript.
Après avoir examiné les valeurs, vous pouvez reprendre l'exécution du code (généralement avec un bouton de lecture).
Debugger: -
Le débogueur; arrête l'exécution de JavaScript et appelle la fonction de débogage.
L'instruction de débogage suspend l'exécution, mais elle ne ferme aucun fichier et n'efface aucune variable.
Example:-
function checkBuggyStuff() {
debugger; // do buggy stuff to examine.
};
C'est possible et il y a plusieurs raisons pour lesquelles vous pourriez vouloir le faire. Par exemple, le débogage d’une boucle infinie javascript proche du début du chargement de la page, qui empêche le chargement correct du jeu d’outils de développement chrome (ou firebug).
Voir la section 2 de
http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/
ou ajoutez simplement une ligne contenant le débogueur Word à votre code au point de test requis.
Vous pouvez également définir debug(functionName) pour déboguer des fonctions.
https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function
Il existe plusieurs façons de déboguer le code JavaScript. Les deux approches suivantes sont largement utilisées pour déboguer JavaScript via du code
En utilisant
console.log()pour imprimer les valeurs dans la console du navigateur. (Cela vous aidera à comprendre les valeurs à certains points de votre code)Mot clé du débogueur. Ajoutez
debugger;aux emplacements que vous souhaitez déboguer, ouvrez la console pour développeurs du navigateur et accédez à l'onglet Sources.
Pour plus d’outils et de façons de déboguer le code JavaScript, veuillez consulter ce lien créé par W3School .