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