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

Question

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

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

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

Answer 1

在Google Chrome中:

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