Chrome Developer工具中的Black-boxing脚本选项

时间:2015-10-20 11:46:59

标签: google-chrome google-chrome-devtools

我的Chrome开发者工具存在问题。
我的版本是Version 46.0.2490.71 (64-bit)
根据在线教程,我可以转到“源”选项卡,右键单击脚本文件,然后可以选择Blackbox Script选项。 enter image description here
但是,我看不到我的镀铬选项。我如何启用该选项,因为我不了解正则表达式?

noBlackBoxoption


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


VMFile 我想问的另一件事是我如何黑盒子"无限制" VM文件的数量?

4 个答案:

答案 0 :(得分:7)

Chrome 60中有一种更简单的方法(可能更旧):

  • 在Chrome开发工具中打开源文件(在源标签中)
  • 右键单击显示行号
  • 的列
  • 选择“Blackbox Script”

Looks like this

编辑:正如svict4指出的那样,在Chrome 64中,你也可以右键点击脚本上的任何地方

答案 1 :(得分:4)

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

  3. 添加模式,例如:

    • node_modules
    • angular
    • rxjs
  4. 它使用正则表达式语法,以防您需要更具体的内容。

    关于黑盒子库/框架脚本的好处在于,它可以更容易地在堆栈跟踪中看到错误被触发的位置 在您自己的源

    修改

    正如其他人所指出的,由于这个答案已经发布,你可以通过右键单击devtools中的源文件直接黑名单。 但是,请进入黑盒设置界面以获得更多控制权。

    enter image description here

答案 2 :(得分:0)

不确定Chrome是否也进行了更改,但是在Chromium Edge上,该选项名为“标记为库代码”和“标记为我的代码”以将其禁用。您必须右键单击代码而不是文件/选项卡。右键单击行号也可以。

enter image description here

答案 3 :(得分:0)

  • 它们似乎从 blackbox 变成了 Ignore List

enter image description here

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

enter image description here