移动端调试H5网页的方法

vConsole
一个轻量、可拓展、针对手机网页的前端开发者调试面板。

vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。

现在 vConsole 是微信小程序的官方调试工具。

功能特性
日志(Logs)： console.log|info|error|...
网络(Network)： XMLHttpRequest, Fetch, sendBeacon
节点(Element)： HTML 节点树
存储(Storage)： Cookies, LocalStorage, SessionStorage
手动执行 JS 命令行
自定义插件

1. <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
   
2. <script>
   
3.   // VConsole 默认会挂载到 `window.VConsole` 上
   
4.   var vConsole = new window.VConsole();
   
5.   // 接下来即可照常使用 `console` 等方法
   
6.     console.log('Hello world');
   
7.      
   
8.     // 结束调试后，可移除掉
   
9.     //vConsole.destroy();
   
10. </script>

复制代码

建议放在head部分