Chrome 开发者工具中的黑盒脚本选项

Black-boxing script option in Chrome Developer tool

我对 Chrome 开发者工具有疑问。
我的版本是 Version 46.0.2490.71 (64-bit)
根据在线教程,我可以转到 Sources 选项卡,右键单击一个脚本文件,然后会有 Blackbox Script 选项可供选择。
但是,我在 chrome 中看不到任何选项。由于我不了解正则表达式,因此如何启用该选项?




另一个问题:即使我将它们添加到黑盒列表中,脚本仍然会被调试。诡异的!!



我想问的另一件事是我如何将 "unlimited" 数量的 VM 文件黑盒化?

  1. 打开 devtools 设置(在 devtools 中按 F1 一次或从菜单中打开)
  2. 转到blackboxing(见下图)

  3. 添加模式,例如:

    • node_modules
    • angular
    • rxjs

如果您需要更具体的内容,它会使用正则表达式语法。

黑盒化 library/framework 脚本的好处在于,它可以让您更容易地在堆栈跟踪中查看触发错误的位置 在您自己的来源中.

编辑

正如其他人指出的那样,由于已发布此答案,您可以通过右键单击 devtools 中的源文件直接黑盒化脚本。 但是,请前往黑盒设置 UI 以获得更多控制。

Chrome60(可能更老)有一个更简单的方法:

  • 在 Chrome 开发工具(在源选项卡中)中打开源文件
  • 右键单击显示行号的列[​​=21=]
  • Select "Blackbox Script"

编辑:正如 svict4 指出的那样,在 Chrome 64 中,您还可以右键单击脚本的任意位置

不确定 Chrome 是否也发生了变化,但在 Chromium Edge 上,该选项名为“标记为库代码”和“标记为我的代码”以禁用它。您必须右键单击代码而不是 file/tab。右键单击行号也可以。

  • 他们好像从 blackbox 变成了 Ignore List

  • 同时在 devTools 中按 f1 并找到 Ignore List