如何查看HTML元素都绑定了哪些JS函数

2020-04-30 科技 130阅读
对于一些简单的html页面,里面的js文件加载的也少的情况下,可以使用火狐的firebug或者google的控制台都可以轻松的查看.
火狐浏览器的查看方法安装Firebug然后按F12选中要看的dom元素在右侧的事件中可以详细的看到绑定了那些事件.
Google浏览器也可以用同样的方法查看对应dom元素绑定的事件.
F12-->Elements-->Event Listenners
但是对于一些复杂的Html页面,相当于加载的js文件和相应的插件也比较多,这个时候用浏览器自带的事件查看器就显得力不从心了!
所以遇到这种情况,,就得借助google的Visual Event插件帮助快速定位,所以首先去google 扩展库去下载对应的插件并安装.
安装成功后浏览器的右上角会出现一个小眼睛.
等页面加载完之后,点击小眼睛然后大概过不了5秒钟,就可以看到页面上元素绑定事件了.
最后移动鼠标到想查看的元素上面就可以看到对于的js文件已经和对应的事件名
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com