Comment comparer les valeurs de différentes variables avec les points de surveillance dans Chrome DevTools ?

1 Que sont les points de surveillance ?

Les points de surveillance sont un type de point d’arrêt qui vous permet de suspendre votre code lorsqu’une variable spécifique change de valeur ou est accessible par votre code. Contrairement aux points d’arrêt normaux, qui sont définis sur une ligne de code, les points de surveillance sont définis sur un nom de variable. Vous pouvez utiliser des points de surveillance pour inspecter la valeur et la portée d’une variable, et pour voir où et comment elle est modifiée ou utilisée par votre code.

2 Comment définir des points de surveillance ?

4 Comment définir des points de surveillance conditionnels?

Parfois, vous souhaiterez peut-être suspendre votre code uniquement lorsqu’une variable surveillée remplit une certaine condition, telle qu’être égale, supérieure ou inférieure à une valeur spécifique. Pour ce faire, vous pouvez définir un point de surveillance conditionnel en cliquant avec le bouton droit de la souris sur une variable surveillée dans l’onglet Espion et en sélectionnant Modifier l’expression de surveillance. Là, vous pouvez ajouter n’importe quelle expression JavaScript valide qui implique la variable surveillée, telle que x > 10 ou y === 'hello'. Chrome DevTools suspend alors votre code uniquement lorsque l’expression a la valeur true.

5 Comment supprimer des points de surveillance ?

Pour supprimer un point de surveillance, vous pouvez soit cliquer dessus avec le bouton droit de la souris dans l’onglet Surveiller et sélectionner Supprimer l’expression de surveillance, soit cliquer sur l’icône x à côté. Vous pouvez également effacer tous les points de surveillance en cliquant sur l’icône Effacer tout en bas de l’onglet Surveillance. Pour désactiver un point de surveillance sans le supprimer, vous pouvez décocher la case en regard de celui-ci. Cela empêchera Chrome DevTools de suspendre votre code lorsque la variable surveillée change ou est consultée, mais il affichera toujours sa valeur et sa portée dans l’onglet Espionnage.

6 Voici ce qu’il faut prendre en compte

Il s’agit d’un espace pour partager des exemples, des histoires ou des idées qui ne correspondent à aucune des sections précédentes. Que voudriez-vous ajouter d’autre?