【发布时间】:2019-11-13 03:53:52
【问题描述】:
我想观察使用 chrome 或 firefox(或任何浏览器)在网页上发生变化的任何变量。是否有扩展或方法可以做到这一点?
例如如果一个网页有几百个变量,我想知道x 或任何其他变量的值何时发生变化。
【问题讨论】:
标签: javascript google-chrome developer-console
我想观察使用 chrome 或 firefox(或任何浏览器)在网页上发生变化的任何变量。是否有扩展或方法可以做到这一点?
例如如果一个网页有几百个变量,我想知道x 或任何其他变量的值何时发生变化。
【问题讨论】:
标签: javascript google-chrome developer-console
我不是 100% 确定这会使代码在变量更改时停止,但这是我能找到的最接近的东西。
Watch Expressions 选项卡可让您监控变量的值 随着时间的推移。顾名思义,Watch Expressions 不仅限于 到变量。您可以在 Watch 中存储任何有效的 JavaScript 表达式 表达。立即尝试:
- 单击“监视”选项卡。
- 单击添加表达式添加表达式。
输入 typeof sum。
按 Enter。 DevTools 显示 typeof sum: "string"。冒号右侧的值是 Watch Expression 的结果。
来源:https://developers.google.com/web/tools/chrome-devtools/javascript/#watch-expressions
这个stackoverflow问题也值得一读:Chrome JavaScript Debugging: how to break when a value changes
【讨论】: