有没有一个工具来分析哪个JavaScript文件添加了某些部分的HTML /代码？

Question

当分析一个网页，我通常打开这些js文件一个接一个，然后读出的源代码，以确定哪些文件中的最终渲染页面添加HTML的某一部分。有没有简单的方法/工具来解决这个问题？

Answer 1

没有，没有做这样的事情的工具。了解自己的代码或寻找在你试图源HTML特定关键短语（如类名称或标记名称或一段文字）是典型的方法。

它可以用于grep修改DOM的常见方式（.innerHTML属性，.appendChild(),.insertBefore等等，如果它是纯javascript）或类似的方法在任何库正在使用。

Answer 2

部分，你可以在Mozilla使用Firebug，并且查看HTML标签，右键点击一些标签，并勾选“在孩子添加/删除突破”。然后重新加载页面。所选元素内的任何DOM更改都会暂停Javascript执行。