Les outils pour les développeurs Chrome vous permettent de visualiser facilement plusieurs variables dans votre application. Le fait de surveiller les variables dans les sources vous permet de vous éloigner de la console et de vous concentrer sur l'amélioration de votre code.
Le panneau "Sources" permet de surveiller les variables de votre application. Vous le trouverez dans la section "Regarder" de la barre latérale du débogueur. Grâce à cette fonctionnalité, vous n'aurez plus besoin de consigner plusieurs fois les objets dans la console.
Ajouter des variables
Pour ajouter une variable à la liste de surveillance, utilisez l'icône d'ajout à droite de l'en-tête de la section. Cela ouvre une entrée intégrée 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.
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
Mettre à jour des variables
Les valeurs des variables peuvent changer lorsqu'une application continue de fonctionner. La liste de surveillance n'est pas une vue en direct des variables, sauf si vous suivez leur exécution. Lorsque vous effectuez une 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 situé à droite de l'en-tête de la section.
Lorsque l'actualisation est demandée, l'état actuel de l'application est revérifié. Les valeurs actuelles s'appliquent à chaque élément surveillé.
Supprimer des variables
Pour réduire au maximum ce que vous examinez et gagner du temps, vous devrez peut-être supprimer les variables de la liste. Pour ce faire, passez la souris sur la variable, puis cliquez sur l'icône de suppression qui s'affiche à droite.
