javascript - 避免在 Chrome 开发者工具中单步执行 javascript 文件？

Question

我想知道，有没有办法从 Chrome 开发者工具调试器中省略一个 javascript 文件，这样它会自动跳过对该脚本的任何函数调用？

我问是因为我的项目经常包含大型库，例如 jQuery。当我调试时在 Chrome 开发人员工具中单步执行 javascript 时，每次在我的脚本中调用 jQuery 时，我都必须单步执行 jQuery 的库。

我最终不得不在每次调用 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. 重新启动 Chrome
3. 点击 Chrome 开发者工具中的设置图标
4. 转到实验部分。注意警告 ;)，然后勾选 Enable frameworks debugging support。 (您可能还想尝试 在调试时显示介入候选项)
5. 现在，关闭 Chrome 开发者工具并再次打开它。
6. 点击 Chrome 开发者工具中的设置图标
7. 在常规部分，您会找到“跳过单步执行具有特定名称的来源”。勾选它并为您要跳过的 javascript 文件名提供 regex。

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