确定哪个JS文件/行正在修改页面上的元素

Question

我需要确定哪个JS文件/行正在修改我页面上的元素。我想在这里找到一个大海捞针。例如，我正在挖掘35个.js文件，以找出哪个文件负责更改网页上的某些文本。对于这么简单的任务来说，这似乎太过分了。

它可以使用jQuery或javascript以许多不同的方式更改它。方法未知。但它发生在页面加载上。

是否可以在Chrome（开发人员工具）中查看此信息？

Answer 1

在谷歌浏览器中：

1. 右键单击要检测更改的元素。
2. 在显示的“开发人员工具”的“元素”窗格中，再次右键单击该元素（在本例中为<label>元素。
3. 选择Break on…▶Attributes Modifications（或Subtree Modifications）
4. 刷新。瞧！您将停止执行修改的JavaScript代码。

Answer 2

我希望以下链接可以帮助您

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging#breakpoints-mutation-events

它基本上告诉你如何跟踪给定dom元素突变的事件