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

沃德天_拉莫帅
  • 655

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

回复
阅读 2.3k
1 个回答

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

1.首先F12打开Firebug控制面板,最上角小昆虫的旁边有个箭头指针,点击指针,然后将鼠标移到页面中去点击触发事件的dom元素;
图片描述
2.查看控制面板的最右侧,点击事件菜单,就能看到不同的事件是由哪个js文件来触发的,甚至会告诉你是第几行代码。
图片描述

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏