如何在Chrome调试时忽略jQuery断点?

8
每当我尝试调试我的网站时,它经常停在 jQuery .js 文件中,即使那里没有断点。这非常烦人,因为我只想调试我代码中设置的断点处。
我该如何让 Chrome 在调试时忽略 jQuery 核心文件,仅关注我设置断点的地方?
4个回答

9
使用Chrome进行调试时,如果您在调试过程中使用F11(单步跟踪)而不是F8(暂停/继续执行),或者遇到错误且启用了pause on errors,则调试器仅会停在jQuery文件内。当然,任何debugger;代码行也会强制执行停止。
要忽略错误,请在底部的Sources选项卡中找到一个小圆形图标,它可以被单击成三个状态:
  • 灰色状态 = 不要暂停异常
  • 蓝色状态 = 暂停所有异常
  • 紫色状态 = 仅在未捕获的异常上暂停
  • 请参阅下面关于我提到的图标的图片,单击以获取不同的状态。
    此外,在图像右侧,您可以看到不同的部分,如DOM BreakpointsXHR Breakpoints等。请确保这些部分没有断点,以防万一。
    希望这可以帮助您。

    1
    调整左下角的小暂停图标并将其设置为“不要在异常时暂停”即可解决问题。非常感谢,这节省了我很多时间 :) - Kenci
    你可能想让它保持开启并使用黑盒调试,可以参考我下面的回答。 - Jonathan

    7

    4

    现在,Google Chrome原生支持黑盒化(忽略某些文件中的异常)。

    开发工具 > 设置 > 管理框架黑盒化

    更简单的方法是,在文件中右键单击并选择黑盒化此脚本

    Firefox甚至可以自动黑盒化压缩的JS文件!


    0
    Jonathan的回答非常有用,可以很好地帮助我调试自己的代码而不是jQuery的代码。但是,自从他写这篇文章以来,这个设置的位置已经改变了。现在要找到它,您需要按照以下步骤操作:
    1. 打开开发者工具(ctrl-shift-j); 2. 点击设置图标(右上角); 3. 在左侧的设置部分中选择“忽略列表”; 4. 确保“启用忽略列表”已经勾选; 5. 在自定义排除规则下,点击“添加模式”,然后添加“jquery*”(或者您的jQuery安装的名称)。
    这样就可以找到设置并进行相应的操作了。

    网页内容由stack overflow 提供, 点击上面的
    可以查看英文原文,
    原文链接