[src url](http://www.cnblogs.com/Leo_wl/p/4117463.html) ### 函数查找 1 标签可见函数,在Console面板里面输入函数名然后回车,点击函数会定位到source面板中。 2 事件绑定函数,在console中输入如下代码: ```javascript function lookEvents (elem) { return $.data ? $.data( elem, "events", undefined, true ) : $._data( elem, "events" ); } var event = lookEvents($("#btn_comment_submit")[0]); // 获取绑定的事件 ``` ### 调试 #### 设置断点 - source/行号旁点击可以设置断点,注意函数定义处是无法设置断点的。 - source/XHR BreakPoints 设置Ajax 断点 - Elements/DOM node右键可以设置break-on。 - (脚本文件利用debugger设置断点) ---------------------------------- 设置后可以在breakpoint panel里看到设置的断点 SHORTCUT 【F8】 恢复运行 (注意ajax调试是f8 【F10】 步过,遇到自定义函数也当成一个语句执行,而不会进入函数内部 【F11】 步入,遇到自定义函数就跟入到函数内部 Shift + F11 步出,跳出当前自定义函数 #### 观察 scope variable[变量作用域]会显示当前作用域、父级作用域以及闭包。 直接将鼠标移到变量出即可查看当前变量的值。