Question Comment définir un point d'arrêt JavaScript à partir du code dans Chrome?


Je veux forcer le débogueur Chrome à rompre sur une ligne via le code, ou en utilisant une sorte de balise de commentaire comme quelque chose comme console.break().


578
2018-04-06 23:44


origine


Réponses:


Vous pouvez utiliser debugger; dans votre code. Si la console du développeur est ouverte, l'exécution sera interrompue. Cela fonctionne également dans Firebug.


999
2018-04-06 23:49



Mettre en place un bouton d'écoute de clic et appeler le debugger;

Exemple

$("#myBtn").click(function() {
 debugger;   
});

Démo

http://jsfiddle.net/hBCH5/

Ressources sur le débogage en JavaScript


20
2018-05-04 17:33



Comme d'autres l'ont déjà dit, debugger; est le chemin à parcourir. J'ai écrit un petit script que vous pouvez utiliser depuis la ligne de commande dans un navigateur pour définir et supprimer le point d'arrêt juste avant l'appel de fonction: http://andrijac.github.io/blog/2014/01/31/javascript-breakpoint/


16
2018-02-02 04:55



Vous pouvez aussi utiliser debug(function), casser quand function est appelé.

Référence de l'API de ligne de commande: débogage


16
2017-08-19 11:00



Dans l'onglet "Scripts", accédez à l'emplacement de votre code. À gauche du numéro de ligne, cliquez sur. Cela va définir un point d'arrêt.

Capture d'écran:

screenshot of breakpoint in chrome

Vous serez alors en mesure de suivre vos points d'arrêt dans l'onglet de droite (comme indiqué dans la capture d'écran).


7
2018-04-06 23:53



debugger est un mot-clé réservé par EcmaScript et donné une sémantique optionnelle depuis ES5

En conséquence, il peut être utilisé non seulement dans Chrome, mais aussi Firefox et Node.js via node debug myscript.js.

le la norme 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:

  1. Si une fonction de débogage définie par l'implémentation est disponible et activée,      
    1. Effectuez une action de débogage définie par l'implémentation.
    2. Laisser le résultat être une valeur d'achèvement définie par l'implémentation.
  2. Autre      
    1. Laisser le résultat être (normal, vide, vide).
  3. Résultat de retour.

Pas de changement dans ES6.


6
2018-05-31 15:26



C'est possible et il y a plusieurs raisons pour lesquelles vous pourriez vouloir faire cela. Par exemple, le débogage d'une boucle infinie javascript proche du début du chargement de la page, empêche le chargement correct du jeu d'outils du développeur 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 mot débogueur à votre code au point de test requis.


3
2018-01-21 10:02



Point d'arrêt: -

point d'arrêt cessera d'être exécuté 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).

Débogueur: -

Le débogueur arrête l'exécution de JavaScript et appelle la fonction de débogage.

L'instruction du débogueur suspend l'exécution, mais ne ferme aucun fichier et n'efface aucune variable.

Example:-
function checkBuggyStuff() {
  debugger; // do buggy stuff to examine.
};

2
2017-11-04 18:06



Vous pouvez définir debug(functionName) pour déboguer des fonctions aussi bien.

https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function


1
2018-01-19 10:37



Il existe plusieurs façons de déboguer du code JavaScript. Les deux approches suivantes sont largement utilisées pour déboguer JavaScript via le code

  1. En utilisant console.log() imprimer les valeurs dans le navigateur console. (Cela vous aidera à comprendre les valeurs à certains points de votre code)

  2. Mot clé du débogueur Ajouter debugger; aux endroits que vous voulez déboguer, et ouvrez la console de développeur du navigateur et accédez à la onglet Sources.

Pour plus d'outils et de façons de déboguer le code JavaScript, sont donnés dans ce lien par W3School.


0
2018-04-26 14:18