什么是找出最佳的方式，也即改变

Question

页

特定HTML内容的JavaScript代码，我在我的网页<p>标签和我试图找出哪些JavaScript函数，添加文字这个元素里面，有没有任何具体的方式铬中对这个标签监听器来找出哪些脚本，写上这个标签吗？

Answer 1

最直接的（低噪音）的方式使用同步暂停，让您在整个调用堆栈闲逛：

1. 打开Chrome的devtools。
2. 右键单击devtools“Elements”选项卡中的元素以显示上下文菜单
3. 选择Break On ...> Subtree Modifications。

元素的“innerHTML”发生更改后，脚本执行会暂停，您可以在“Sources”选项卡中查看整个调用堆栈，包括DOM更改所需的任何函数。

某些DOM修改（如动画库）可以使用setTimeout或回调函数，它会丢弃导致更改的大部分调用堆栈，在这些情况下，Profile可能更有趣，因为动画函数应该像在“沉重的”视野中一个痛痒的拇指。