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

Stop Chrome debugger from showing other scripts

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

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

如果您使用 chrome 进行调试,您可以通过 black-boxing 脚本来实现。 有两种方法可以做到。

使用设置面板

  • Right-clicking 在“源”面板中的任何脚本上
  • 设置面板

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

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

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

上下文菜单

要使用“设置”面板将文件添加到黑名单,您可以在“源”面板中使用上下文菜单。查看文件时,您可以在编辑器中 right-click。您可以 right-click 在文件导航器中的文件上。从那里选择 Blackbox Script。这会将文件添加到“设置”面板的列表中。

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

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

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