Chrome 开发者工具中的黑盒脚本选项
Black-boxing script option in Chrome Developer tool
我对 Chrome 开发者工具有疑问。
我的版本是 Version 46.0.2490.71 (64-bit)
根据在线教程,我可以转到 Sources 选项卡,右键单击一个脚本文件,然后会有 Blackbox Script
选项可供选择。
但是,我在 chrome 中看不到任何选项。由于我不了解正则表达式,因此如何启用该选项?
另一个问题:即使我将它们添加到黑盒列表中,脚本仍然会被调试。诡异的!!
我想问的另一件事是我如何将 "unlimited" 数量的 VM 文件黑盒化?
- 打开 devtools 设置(在 devtools 中按 F1 一次或从菜单中打开)
转到blackboxing(见下图)
添加模式,例如:
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
我对 Chrome 开发者工具有疑问。
我的版本是 Version 46.0.2490.71 (64-bit)
根据在线教程,我可以转到 Sources 选项卡,右键单击一个脚本文件,然后会有 Blackbox Script
选项可供选择。
但是,我在 chrome 中看不到任何选项。由于我不了解正则表达式,因此如何启用该选项?
另一个问题:即使我将它们添加到黑盒列表中,脚本仍然会被调试。诡异的!!
- 打开 devtools 设置(在 devtools 中按 F1 一次或从菜单中打开)
转到blackboxing(见下图)
添加模式,例如:
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