Examiner des variables
Quand le code s'est arrêté sur un point d'arrêt, il est possible d'examiner ses variables grâce au panneau des variables du débogueur:
Les variables sont listées et triées selon leur portée : Dans la fonction ci-dessus, les variables intégrées arguments
et this
ainsi que les variables locales comme user
et greeting
seront visibles. Dans la portée globale, les variables globales qui ont été définies (greetme
) et les variables globales intégrées (localStorage
, console
…) seront visibles.
Chaque objet peut être étendu pour voir son contenu en utilisant l'icône en forme de triangle qui se trouve juste avant tout objet pouvant être étendu.
Survoler le nom d'une variable affiche une info-bulle qui fournit des informations complémentaires sur la variable. Par exemple, survoler greeting
affichera "configurable énumérable modifiable". Se référer à Object.defineProperty()
pour des détails sur la signification de ces termes.
Pour voir les propriétés des objets, il est possible d'utiliser le filtre de script avec le préfixe spécial "*" ou en utilisant la boite de filtrage des variables si vous l'avez activée dans les options du débogueur.
Modifier des variables
Quand le code s'est arrêté à un point d'arrêt, il est possible de modifier les variables dans le panneau des variables du débogueur. Il suffit de cliquer sur la valeur actuelle d'une variable pour pouvoir la réécrire :
Espionner une expression
Les expressions espionnes sont des expressions qui sont évalués à chaque fois que l'exécution s'arrête. Il est alors possible d'examiner le résultat de ces expressions. Cela est utile dans la mesure où cela permet d'inspecter des éléments invariants dans votre code que vous savez être présents mais qui ne sont pas nécessairement prêts pour une inspection. Les expressions espionnes peuvent également être pratiques pour surveiller le résultat d'une expression (comme une condition ou une opération) à divers moments (dans une boucle par exemple).
Pour ajouter une expression espionne, il faut cliquer sur la boite "ajouter une expression espionne" puis entrer l'expression JavaScript que vous souhaitez surveiller en parcourant votre code. Il est également possible de sélectionner une expression depuis le panneau des sources puis de sélectionner "Expression espionne depuis la sélection" dans le menu contextuel (clic droit).
Il ne reste plus qu'à faire tourner votre code. L'expression espionne ne fait rien tant que le code n'est pas arrêté à un point d'arrêt. Quand le code est arrêté, les expressions espionnes sont activées et leur valeur apparaitra alors : À chaque changement de la valeur de l'expression espionne, sa boite sera brièvement affichée en surbrillance jaune. Il est possible de supprimer une expression espionne en cliquant sur l'icône en forme de croix à côté. Bien sûr, il est également possible d'avoir plus d'une seule expression espionne à la fois.