Examiner, modifier, et espionner des variables

Cette page concerne le Débogueur JavaScript dans les versions antérieures à Firefox 52.

Voir la documentation pour les versions depuis Firefox 52.

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.

Survoler le nom d'une variable affiche une infobulle qui fournit des informations complémentaires sur la variable. 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.

Si une variable existe dans la source, mais a été enlevé par le moteur JavaScript à la suite d'une optimisation. Alors cette variable est présente dans le panneau, mais sa valeur est égale à (optimized away),  et n'est pas modifiable. Dans la capture d’écran ci-dessous, la variable upvar a été optimisée :

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ées à chaque fois que l'exécution s'arrête. Il est alors possible d'examiner le résultat de ces expressions. C'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.

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

Étiquettes et contributeurs liés au document

 Dernière mise à jour par : teoli,