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