避免单步执行Chrome Developer Tools中的javascript文件？

Question

我想知道,有没有办法从Chrome Developer Tools调试器中省略javascript文件,所以它会自动跳过对该脚本的任何函数调用？

我问,因为我的项目通常包括大型库,如jQuery.当我在调试时在Chrome Developer Tools中单步执行javascript时,每次在脚本中进行jQuery调用时,我都必须单步执行jQuery的lib.

我最终必须在每次调用jQuery对象后设置一个断点.这是我发现跳过去的唯一方法,它非常烦人.

Answer 1

更新2
在最新版本的chrome中,此功能的用户流程有所改进.请参阅https://developer.chrome.com/devtools/docs/blackboxing

更新1
从Chrome版本38开始,您不再需要启用开发人员工具实验.

以下详细信息仅供参考

现在可以使用chrome版本30+.

1. 启用"启用开发人员工具实验" chrome://flags/#enable-devtools-experiments.(是的,您需要在键入URL的位置键入)
2. 重新启动镀铬
3. 点击Chrome开发者工具中的设置图标
4. 转到实验部分.注意警告;)然后勾选Enable frameworks debugging support.(您也可以尝试Show step-in candidates while debugging)
5. 现在,关闭Chrome Dev Tools并再次打开它.
6. 点击Chrome开发者工具中的设置图标
7. 在一般情况下,您会发现"跳过具有特定名称的来源".勾选并提供要跳过的javascript文件名的正则表达式.

来源:提示和技巧:在Chrome中调试时忽略库代码

Answer 2

iSid我想指出,从Chrome 38开始,您不再需要启用devtools实验.相反,如果您直接进入F12开发人员工具 - >设置 - >常规 - >源,您将看到其中的最后一项是管理框架黑盒子.好的部分是你可以在它自己的行上设置每个框架,或者你可以抛出一个通用的捕获所有模式,如(firebug | angular | knockout | jquery | bootstrap | modernizr | response)

Answer 3

51版本的情况略有不同.

按F12然后按F1.从左侧菜单中选择"Blackboxing".