Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/batch-file/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何知道哪个JS脚本使用Firebug操纵了DOM的某些元素_Javascript_Jquery_Dom - Fatal编程技术网

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

Javascript 如何知道哪个JS脚本使用Firebug操纵了DOM的某些元素,javascript,jquery,dom,Javascript,Jquery,Dom,我正在检查一个网站,它有从几个服务器加载的JS文件以及jQuery。js文件的数量真的很大。有些在常规脚本标记中。其他的是通过ajax动态加载的 我对DOM的某些元素感兴趣,这些元素是由于一些js文件而被操纵的。我在firebug中看到了动态加载的元素。我需要确切地知道哪个JS脚本创建/更新了它们。 我在js文件中搜索了这些类和元素的ID,所以我可以知道哪些js文件会影响它们,但我什么也没找到 使用Firebug是否可以直接知道哪个JS文件操作某些DOM元素? 提前谢谢。不是直接的 使用插件

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

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

使用Firebug是否可以直接知道哪个JS文件操作某些DOM元素?

提前谢谢。

不是直接的

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

希望这有帮助

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

如果您知道事件来自哪个文件,请选择该文件,然后查看代码并通过单击相应的行号在您认为事件来自的函数上设置断点,然后刷新页面并执行调用javascript的事件


在缩小范围之前,您可能需要输入一些脚本,但断点会使您更容易判断为哪些事件调用了哪些函数。

在检查脚本之前,我需要先知道脚本是什么:)EventBug与firefox 4及更高版本不兼容。解决方案不起作用。其最新版本与FF5兼容:。事实上,如果你仔细看,它的标记兼容直到FF 7.1!这就是我在events选项卡中看到的=>单击{return typeo…arguments]:b;}函数(a){return typeof f!=“undefined”&&(!a | | | f.event.triggered!==a.type)?f.event.handle.apply(k.elem,arguments):b。。我找到了这个事件,但是我仍然不知道如何将它与js文件关联起来这很难说,但是猜测一下,它看起来像是一个jQuery或其他库的click处理程序。搜索并在那里设置断点。一旦点击它,您可以查看调用堆栈(在脚本面板中)以查看它的起源。搜索它并在那里放置断点