利用 Chrome 开发者工具，您可以轻松查看整个应用中的多个变量。通过在 Sources 中观察变量，您无需使用控制台即可专注于改进代码。
“Source”面板提供监视应用内变量的功能。它位于调试程序边栏的 Watch 部分。利用此功能，您不需要反复将对象记录到控制台中。
添加变量
要将变量添加到监控列表，请使用相应部分标题右侧的添加图标。这将打开一个内嵌输入，您可以在其中提供要监视的变量名称。填写完后，按 Enter 键将其添加到列表中。
添加变量时，Watcher 会显示变量的当前值。如果变量未设置或找不到，则会显示
更新变量
变量值可能会随着应用的持续运行而发生变化。监控列表并不是变量的实时视图，除非您逐步完成执行过程。使用断点单步执行时，受监视的值会自动更新。若要手动重新检查列表中的变量，请按相应部分标题右侧的刷新按钮。
请求刷新时，系统会重新检查当前应用状态。每个受监视项都将更新为当前值。
移除变量
为了尽量减少查看的内容以加快工作速度，您可能需要从监视列表中移除变量。为此，请将鼠标悬停在变量上，然后点击右侧显示的移除图标。
