用于查找JS代码中引用的DOM元素的工具

时间:2012-07-31 03:35:32

标签: javascript html dom

是否有任何工具可以找到哪些JS代码在页面加载时更新了DOM元素。我在下面的页面上有<div id="container"从一些JS代码设置为display="none",因为页面上有很多代码我不知道它的设置位置。

http://www.flypeach.com/airport/specialsupport.aspx

3 个答案:

答案 0 :(得分:2)

通过一次排除一个文件,您可以轻松检测出问题所在的文件。

如果无法做到这一点,您可以随时尝试Chrome中的开发工具。在脚本选项卡上,您可以创建断点并重新加载页面以缩小更改发生的位置和时间。

答案 1 :(得分:1)

从删除最后几个脚本开始,它似乎是/Portals/_default/Skins/FlyPeachsm4/jquery.anntransformer.min.js

编辑:它位于anntransformer.min.js的底部:

$("body div").first().css("display","none");

最有可能直接从某些必要的例子中复制。

答案 2 :(得分:0)

有时最好的工具是Ctrl / Command + F,或Ctrl / Command + Shift + F.