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

Je veux forcer le débogueur Chrome à casser une ligne via du code , ou utiliser une sorte de balise de commentaire telle que console.break() .

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

    Configurez un écouteur de clic de bouton et appelez le debugger;

    Exemple

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

    Démo

    http://jsfiddle.net/hBCH5/

    Ressources sur le débogage en JavaScript

    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 un point d’arrêt juste avant l’appel de la fonction: http://andrijac.github.io/blog/2014/01/31/javascript-breakpoint/

    Vous pouvez également utiliser debug(function) pour casser lorsque la function est appelée.

    Référence de l’API de ligne de commande: debug

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

    Capture d’écran:

    capture d'écran du point d'arrêt en chrome

    Vous pourrez ensuite suivre vos points d’arrêt dans l’onglet de droite (comme illustré dans la capture d’écran).

    debugger est un mot clé réservé par EcmaScript et reçoit une sémantique facultative depuis ES5

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

    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: débogueur; est évalué comme suit:

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

    Aucun changement dans ES6.

    C’est possible et il y a plusieurs raisons pour lesquelles vous pourriez vouloir le faire. Par exemple, déboguer une boucle infinie javascript près du début du chargement de la page, ce qui empêche le chargement du jeu d’outils (ou du firebug) du développeur chrome.

    Voir 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 sharepoint test requirejs.

    Point d’arrêt: –

    Le 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).

    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 ne ferme aucun fichier ni n’efface aucune variable.

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

    Vous pouvez également définir debug(functionName) pour déboguer les fonctions.

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

    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. Utilisation de console.log() pour imprimer les valeurs dans la console du navigateur. (Cela vous aidera à comprendre les valeurs à certains points de votre code)

    2. Mot-clé du débogueur Ajouter un debugger; aux emplacements que vous souhaitez déboguer, ouvrez la console de développement du navigateur et accédez à l’onglet Sources.

    Pour plus d’outils et de méthodes de débogage du code JavaScript, consultez ce lien de W3School .