阻止 Chrome 调试器显示其他脚本

Question

使用 chrome 调试器时，我经常被带到不同的文件，例如 JQuery 或 Google Ad Manager，这在我尝试调试单个文件时非常令人沮丧。

如果我对这些库如何影响我尝试调试的脚本不感兴趣，有没有办法完全阻止它们出现？我认为step over 功能会阻止打开不同的范围，但我想这只是针对从检查函数产生的新范围...

Answer 1

如果您使用 chrome 进行调试，您可以通过黑盒脚本来实现。 有两种方法可以做到。

使用设置面板

• 右键单击“源”面板中的任何脚本
• 设置面板

使用“设置”面板配置黑盒脚本。打开 DevTools 设置并在 Sources 下单击

这将打开一个对话框，您可以在其中输入要添加到黑名单中的脚本的文件名。您可以通过以下几种方式做到这一点：

• 输入文件名，
• 使用正则表达式定位：
• 包含特定名称 /backbone.js$ 的文件，
• 某些类型的文件，如 .min.js$，或输入包含您想要黑盒化的脚本的整个文件夹，如 bower_components。

上下文菜单

要使用“设置”面板将文件添加到黑名单，您可以在“源”面板中工作时使用上下文菜单。查看文件时，您可以在编辑器中单击鼠标右键。您可以在文件导航器中右键单击文件。从那里选择黑盒脚本。这会将文件添加到“设置”面板的列表中。

来源： https://developer.chrome.com/devtools/docs/blackboxing

Answer 2

我找不到其他回复中提到的blackboxing，可能已经不存在了。

我发现另一件有用的事情是忽略烦人的文件，这样它们就不会在下一个调试会话中显示。以下是来自 google 开发者文档的ignore scripts 方法。