如何知道哪个JS脚本使用Firebug操纵DOM的某些元素

时间:2011-07-07 15:08:10

标签: javascript jquery dom

我正在检查一个网站,其中包含从几个服务器加载的大量JS文件以及jQuery。 js文件的数量真的很大。有些是在常规脚本标记内。其他的是通过ajax动态加载的。

我对由于某些js文件而被操纵的DOM的某些元素感兴趣。我在firebug中看到动态加载的元素。我需要确切地知道哪个JS脚本创建/更新它们。 我搜索了js文件中的类和元素的ID,所以我可以对一些js文件影响它们有一些线索,但我什么都没发现。

有没有直接的方法使用Firebug来确切知道哪个JS文件操纵某些DOM元素?

提前致谢。

2 个答案:

答案 0 :(得分:1)

不是直接的。

  • 使用EventBug插件
  • 然后通过脚本面板中的函数签名进行搜索,以深入查看js文件

希望这有帮助!

答案 1 :(得分:0)

您应该可以转到firebug中的Script选项卡,然后查看脚本选项卡正下方的工具栏,您可以选择页面上包含的所有javascript文件。

如果您知道它来自哪个文件,那么选择该文件然后查看代码并通过单击相应的行号设置您认为该事件来自的功能的断点,然后刷新页面和执行调用javascript的事件。

在缩小范围之前,你可能需要加入一些,但是断点会让你更容易分辨哪些函数被调用。