如何知道网页中一个标签是被那段js添加的class效果？

Question

静态时：<div class="dd"></div>
运行后：<div class="dd hover"></div>
我想知道是那段js给他添加的js效果？
因为是一个上线项目，比较庞大，一个一个js文件找太麻烦，有没有更快捷的方法？

Answer 1

如果是鼠标悬停在某一元素上触发了该事件，可以使用Firebug来查看是哪个JS中包含了该事件。

1.首先F12打开Firebug控制面板，最上角小昆虫的旁边有个箭头指针，点击指针，然后将鼠标移到页面中去点击触发事件的dom元素；

2.查看控制面板的最右侧，点击事件菜单，就能看到不同的事件是由哪个js文件来触发的，甚至会告诉你是第几行代码。

如果你并不清楚事件是如何被触发的，那可以在chrome中安装一个“downfaster”插件，然后用它将目标网站的js全部下载下来，并使用sublime或notepad++等工具进行文件检索，比如搜索'hover','mouseover'等关键词，来筛选触发事件的位置。