当对象值更改时停止 Web 浏览器中的调试器

Question

我有一个<input type="hidden">。我需要看看它的值何时发生变化。我有很多 JavaScript 文件正在改变它的值。

我可以去任何值发生更改的地方并添加语句debugger，但这会花费很多时间。我已经了解了Object.watch()但它只在值更改后执行特定函数，尽管我想查看它在代码中更改的位置，而不是何时更改。

有什么方法可以实现这一点，也许是通过输出行号和 JavaScript 文件名或停止 Web 浏览器中的调试器？

Answer 1

DOM 更改断点为您提供支持。

1. 转到DevTools 的Elements面板。
2. 在 HTML 窗格中找到该元素。
3. 右键单击该元素。
4. 选择“中断” > “属性修改”。

如果您还需要查看元素值的更改，请右键单击该元素的父元素，然后选择Subtree Modifications。