服务Q Q:75303307

网站优化

网站建设

工作时间:周一至周五:8:30-6:00 周六、日:9:00-5:00

技术点滴

您的位置:主页 > 新闻观点 > 技术点滴 > 详细内容>

分析网站前端代码,快速搜索、定位事件绑定代码的方法

2015-04-01 09:14 作者:admin [ ]

1.方法一

首先推荐一款神器一款chrome插件,是个神器: Visual Event


2.方法二

javascript:(function() {var protocol = window.location.protocol === 'file:' ?'http:' : '';var url = protocol+'../../../VisualEvent/VisualEvent_Loader.js';if( typeof VisualEvent!='undefined' ) {if ( VisualEvent.instance !== null ) {VisualEvent.close();}else {new VisualEvent();}}else {var n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src',url+'?rand='+new Date().getTime());document.body.appendChild(n);}})(); 

在你想查看的网页里面输入这段代码,可以解析JQuery的事件,但是测试对移动端Zepto支持不是很好


注:讲这段代码保存成书签方便查看


方便楼主看效果
![图片描述][1]


3.方法三

ctrl+shift+f 会在html css js中进行搜索,肯定能搜到的


4.Event Listeners 选项

在开发者工具里面应该有相应节点的 Event Listeners 选项,选中想要查找监听的节点后,列表会显示监听的事件

图片描述


5.查看绑定

关于查看jquery对象的绑定事件 还可以使用_data方法
$._data(DOMobject,'events')可以返回jQuery绑定到该DOM对象上的事件对象
这里要注意一下DOMobject必须是DOM对象

图片描述