104 votes

JavaScript : comment définir un point d'arrêt conditionnel dans les outils de débogage de Chrome

J'ai ce simple fichier js, qui imprime la date en continu.

J'utilise les outils de débogage de Google Chrome (F12).

Ma question est la suivante , Est-il possible de définir un point d'arrêt conditionnel dans Google Chrome ?

Dans mon code, je veux définir un point d'arrêt si la valeur des secondes est égale à 50 ?

s = date.getSeconds();

Ce site c'est le jsfiddle où se trouve ma source

(Je ne sais pas pourquoi cela ne fonctionne pas dans jsfiddle).

Ma question est la suivante : est-il possible de définir un point d'arrêt conditionnel dans les outils du débogueur de chrome ?

148voto

Theraot Points 5174

Oui, c'est possible.

Cliquez avec le bouton droit de la souris sur le marqueur du point d'arrêt et sélectionnez "Editer le point d'arrêt...", où vous pouvez définir la condition.

En Outils de développement de Chrome sur les points d'arrêt à l'adresse developers.google.com (C'est moi qui souligne) :

Remarque : tous les points d'arrêt que vous avez définis apparaissent sous Points d'arrêt dans la barre latérale de droite. En cliquant sur l'entrée, vous accédez à la ligne en surbrillance dans le fichier source. Une fois que vous avez défini un point d'arrêt, cliquez avec le bouton droit de la souris sur l'indicateur de point d'arrêt de la balise bleue pour définir une déclaration conditionnelle pour ce point d'arrêt . Tapez une expression et le point d'arrêt ne se mettra en pause que si la condition est vraie.

28voto

madfriend Points 1409

Jetez un coup d'œil à debugger déclaration. En fait, elle invoque tous les outils de débogage disponibles, et dans Chrome, elle agit comme si l'interprète rencontrait un point d'arrêt.

Votre code serait :

s = date.getSeconds();
if (s == 50) {
   debugger;
}

En référence :

[debugger] Appelle toute fonctionnalité de débogage disponible. Si aucune fonctionnalité de débogage n'est disponible, cette instruction n'a aucun effet.

8voto

Deepan Raj Points 178

Vous pouvez définir un point d'arrêt conditionnel dans Google Chrome, en suivant ces étapes :

1. Cliquez avec le bouton droit de la souris sur le point d'arrêt où vous voulez vous arrêter. enter image description here

2.cliquez sur "Ajouter un point d'arrêt conditionnel", un texte apparaîtra, où vous pouvez ajouter une condition (le résultat sera 'vrai' si la condition est satisfaite, sinon 'faux'), la couleur du point d'arrêt devient orange après l'ajout de la condition, vérifiez le résultat. enter image description here

3.recharger la même page, vous pouvez voir que le point d'arrêt fonctionnera si la condition est satisfaite comme suit enter image description here

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X