Question

在引入jquery库的情况下,js调试怎么快速跳出jquery,进入自己写的js函数?

就比如说，给button添加一个click函数，在引入jquery的情况下，代码是这么写的：

$("#myBtn").click(function(e) {
alert('大家好');
});
选取button，在chrome控制台，在Event Listeners中查看到click监听函数是：
function (a){return typeof p!="undefined"&&(!a||p.event.triggered!==a.type)?p.event.dispatch.apply(h.elem,arguments):b}
点击进去，就进入jquery库了，关键是我想查看myBtn按钮真正执行的逻辑函数，比如说，我想打断点，调试，分析点击myBtn时执行的函数（在不知道源码的情况下，比如说分析网上的基于jquery开发的网站）。怎么办？查找监听函数，结果是jquery中1062行的一段代码，监听函数真正执行的逻辑代码，找不到，怎么办？打个断点，在按F11和F10调试，半天出不了jquery，怎么办？jquery库让我们分析dom节点上的监听函数，难度加大了，有没有？！怎么办，求js大神，前端大神，来指教。呵呵呵。

Answer 1

可以在开发者工具中切换到 scripts 标签下,切换到 jquery 代码位置，右键，菜单中选择 bloked script：

 
 

Answer 2

chrome不支持用debugger调试，用ie可以，我一般都是用ie调试的。

Answer 3

不知道你用什么调试工具，一般的都支持debugger断点，比方说
debugger;//断点1 进入调试 f11就近jquery内部了 不太方便调试，我们可以直接F5跳到断点2
$("#myBtn").click(function(e) {
debugger;//断点2
alert('大家好');
});

追问

我用的是chrome自带的调试器。