Blackbox

Blackbox允许屏蔽指定的JS文件，这样调试的时候就会绕过它们了。

屏蔽文件后会怎么样

  • 库代码（被屏蔽的文件）里抛出异常时不会暂停（当设置为Pause on exceptions时）
  • 调试时Stepping into/out/over都会忽略库代码
  • 事件断点也会忽略库代码
  • 库代码里设置的任何断点也不会起作用
  • 最终的结果就是只会调试应用代码而忽略第三方代码（配置了Blackbox的代码）。

    怎样屏蔽文件

开发人员工具的Settings面板

打开开发人员工具的配置面板，在Sources下点击Manage framework blackboxing, 有如下集中方式配置：

  • 输入文件名称
  • 用正则表达式匹配
    • 包含特定名称的文件，比如/backbone.js$
    • 特定类型的文件，比如.min.js$
  • 输入整个文件夹，比如bower_components
    另外，需要暂时不屏蔽某个规则时，可以将Behavior改为Disable。或者也可以直接删除（光标移到某行规则后会有个X）。Blackbox content scripts是指屏蔽Chrome插件注入页面的脚本.

在Sources面板上右键某个文件

在Sources面板目录里，或者编辑器里，右键点击“Blackbox Script”，可以将屏蔽该文件，同时也会增加到Setting面板中的匹配规则里。

参考资料

原文: https://leohxj.gitbooks.io/front-end-database/content/about-test/blackbox.html