在 Sources 中观察变量

借助 Chrome 开发者工具，您可以轻松查看应用中的多个变量。在“Sources”中监控变量可让您无需进入控制台，专注于改进代码。

通过“Sources”面板，您可以监控应用中的变量。它位于调试程序边栏的“监视”部分。利用此功能，您无需反复将对象记录到控制台。

添加变量

如需向监控列表添加变量，请使用部分标题右侧的“添加”图标。这会打开一个内嵌输入框，您可以在其中提供要监控的变量名称。填写完毕后，按 Enter 键将其添加到列表中。

在添加变量时，监视器会显示该变量的当前值。如果未设置该变量或找不到该变量，系统会 为该值显示“未设置”。

更新变量

变量值可能会随着应用的持续运行而发生变化。除非您正在逐步执行，否则监视列表不是变量的实时视图。当您使用breakpoints单步调试执行时，受监视的值会自动更新。如需手动重新检查列表中的变量，请按部分标题右侧的刷新按钮。

请求刷新后，系统会重新检查当前应用状态。系统会使用当前值更新每个被监控的项目。

移除变量

为了尽量减少您要查看的内容，以便更快地完成工作，您可能需要从监控列表中移除变量。为此，请将鼠标悬停在相应变量上，然后点击右侧显示的移除图标。