手机网页的前端开发者调试面板：vConsole

vConsole

一个轻量、可拓展、针对手机网页的前端开发者调试面板。
vConsole是框架无关的，可以在 Vue、React 或其他任何框架中使用。
现在 vConsole 是微信小程序的官方调试工具。

安装

npm install

或直接引用：

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>// VConsole 默认会挂载到 `window.VConsole` 上
  var vConsole = new window.VConsole();</script>

在Fiddler上加入vConsole，在插件​​OnBeforeResponse​​追加：

var sToInsert = "<script src='https://unpkg.com/vconsole@latest/dist/vconsole.min.js'></script><script>var vConsole = new VConsole();</script>"
oSession.utilDecodeResponse();
oSession.utilReplaceOnceInResponse('</head>', sToInsert + '</head>', 0);

控制面板里打开网络​​vConsole.showTab("network");​​。

参考

​​https://gitee.com/Tencent/vConsole​​

https://www.zhihu.com/question/376490136/answer/1113194185