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

Question

我的 Chrome 开发者工具有问题。
我的版本是

Version 46.0.2490.71 (64-bit)

根据在线教程，我可以转到“源”选项卡，右键单击脚本文件，然后会出现

Blackbox Script

选项可供选择。
但是，我在 Chrome 中看不到任何选项。由于我不了解正则表达式，如何启用该选项？

---

另一个问题：即使我将脚本添加到黑盒列表中，脚本仍然被调试。诡异的！！

---

我还想问的一件事是我如何黑箱“无限”数量的虚拟机文件？

Answer 1

1. 打开开发工具设置（在开发工具中按 F1 一次或从菜单中打开）

2. 转到黑盒（见下图）

3. 添加图案，例如：

   • node_modules

   • angular

   • rxjs

它使用正则表达式语法，以防您需要更具体的内容。

黑盒库/框架脚本的好处在于，它可以更轻松地在堆栈跟踪中查看触发错误的位置在您自己的源中。

编辑

正如其他人指出的，由于这个答案已发布，您可以通过右键单击开发工具中的源文件直接将脚本黑盒化。 不过，请前往黑盒设置 UI 以获得更多控制。

Answer 2

Chrome 60（可能更旧）中有一种更简单的方法：

• 在 Chrome 开发工具中打开源文件（在“源”选项卡中）
• 右键单击显示行号的列
• 选择“黑盒脚本”

编辑：正如 svict4 指出的，在 Chrome 64 中，您还可以右键单击脚本上的任意位置

Answer 3

• 他们好像从

  blackbox

  变成了

  Ignore List

  。

• 同时在 devTools 中按

  f1

  并找到

  Ignore List

Answer 4

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

Answer 5

1. 打开开发工具，
2. 找到停止执行的VM#####文件，
3. 在

   debugger;

   语句中添加断点，
4. 编辑断点并只需将

   false

   添加到条件

应该在任何版本的任何基于 chromium 的浏览器中工作。