避免单步执行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开始，您不再需要启用Developer Tools实验。

以下详细信息仅适用于历史记录

现在可以在Chrome版本30+中使用。

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



来源：Tips and Tricks: Ignoring library code while debugging in Chrome

Answer 2

iSid我想指出，从Chrome 38开始，您不再需要启用devtools实验。相反，如果你直接进入F12开发人员工具 - ＆gt;设置 - ＆gt;一般 - ＆gt;来源你会看到最后一项是管理框架黑盒子。好的部分是你可以在它自己的行上设置每个框架，或者你可以把一个通用的捕获所有模式放在一起像（firebug | angular | knockout | jquery | bootstrap | modernizr | response）

Answer 3

版本51中的情况略有不同。

按F12然后按F1。选择黑盒子＆＃39;从左边的菜单中。

Answer 4

在Chrome v68下，在对.js文件进行调试时，请使用鼠标左键将脚本黑名单：

https://developer.chrome.com/devtools/docs/blackboxing

Answer 5

“Step Out”按钮可用于快速让您退出JQuery代码。