Surveiller les variables dans les sources

Les outils pour les développeurs Chrome vous permettent d'afficher facilement plusieurs variables dans votre application. En surveillant les variables dans "Sources", vous restez en dehors de la console et vous pouvez vous concentrer sur l'amélioration de votre code.

Le panneau Sources vous permet d'observer des variables dans votre application. Il se trouve dans la section de lecture de la barre latérale du débogueur. Grâce à cette fonctionnalité, vous n'aurez pas besoin d'enregistrer plusieurs fois des objets dans la console.

Section de montre du débogueur

Ajouter des variables

Pour ajouter une variable à la liste de surveillance, utilisez l'icône Ajouter à droite de l'en-tête 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 votre touche Entrée pour l'ajouter à la liste.

Bouton "Ajouter à la liste" à surveiller

L'observateur affiche la valeur actuelle de la variable à mesure qu'elle est ajoutée. Si la variable n'est pas définie ou est introuvable, 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 procédez à leur exécution. Lorsque vous effectuez l'exécution à l'aide de points d'arrêt, les valeurs surveillées sont automatiquement mises à jour. Pour revé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 montre"

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

Variable mise à jour en cours de surveillance

Supprimer des variables

Pour réduire au maximum ce que vous recherchez et accélérer le 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.

Pointez sur la variable pour la supprimer de la liste de surveillance