Surveiller les variables dans les sources

.

Les outils pour les développeurs Chrome vous permettent de voir facilement plusieurs variables dans votre application. Surveiller les variables dans Sources vous évite d'utiliser la console et vous permet de vous concentrer sur l'amélioration de votre code.

Le panneau "Sources" vous permet de surveiller les variables de votre application. Il se trouve dans la section "Watch" (Regarder) de la barre latérale du débogueur. En profitant de cette fonctionnalité, vous n'aurez pas besoin de consigner des objets dans la console de manière répétée.

Section "Watch" (Regarder) du débogueur

Ajouter des variables

Pour ajouter une variable à la liste de surveillance, utilisez l'icône Ajouter à droite du titre de la section. Une entrée intégrée s'ouvre, dans laquelle vous indiquez le nom de la variable à surveiller. Une fois le champ rempli, appuyez sur la touche Entrée pour l'ajouter à la liste.

Bouton "Ajouter à la liste"

L'observateur affiche la valeur actuelle de la variable au moment de son ajout. Si la variable n'est pas définie ou ne peut pas être trouvée, la valeur s'affiche.

Variable non définie dans la liste de surveillance

Mettre à jour des variables

Les valeurs des variables peuvent changer à mesure qu'une application continue de fonctionner. La liste de surveillance n'est pas une vue en direct des variables, sauf si vous effectuez une exécution par étapes. Lorsque vous parcourez l'exécution à l'aide de breakpoints, les valeurs surveillées sont mises à jour automatiquement. Pour vérifier manuellement les variables de la liste, appuyez sur le bouton d'actualisation à droite de l'en-tête de section.

Bouton "Actualiser les variables de la montre"

Lorsque l'actualisation est demandée, l'état actuel de l'application est à nouveau vérifié. Chaque élément regardé sera mis à jour avec les valeurs actuelles.

Variable mise à jour en cours d'observation

Supprimer des variables

Pour réduire ce que vous regardez et accélérer votre travail, vous devrez peut-être supprimer des variables de la liste de surveillance. Pour ce faire, pointez sur la variable, puis cliquez sur l'icône de suppression qui s'affiche à droite.

Variable à faire glisser pour supprimer de la liste