在微信web开发者工具中调试小程序时,有时候会进入微信或第三方的类库中去,从这里回到我们自己的代码需要一定的周折。面对这种情况就想要一个东西来实现在调试的时候选择性地跳过这些代码,好在chrome地开发者工具提供了 blackboxing 功能,可以解决这个问题。微信的调试器是基于chrome开发者工具的,因此也可以使用这个功能。
具体操作的流程是:
- 打开调试器面板。
- 点击该面板右上角的三个点按钮,
- 在弹出的菜单中点击倒数第二个菜单项——Settings,进入设置面板。
- 点击左侧导航栏的第三个选项——Blackboxing,右侧内容区域会变成如图所示的样子。
- 点击 Add pattern... 按钮添加要屏蔽的 js文件对应的正则规则。

- 在如图所示的文本输入框里面添加屏蔽规则,右侧的Behavior有两种选项,Blackbox(屏蔽)、Disable(不屏蔽)。添加完成以后点击 save 就可以了。

目前有效的规则,
WAService.js^http://127.0.0.1:[0-9]{5}/appservice/appservice\?t=[0-9]{13}$^debugger:///VM[0-9]{3,4}$^debugger:///VM[0-9]{2}$