通过引入 vConsole 来实现移动Web项目的调试和信息查看

需求背景：

移动端 Web 项目缺少像 Chrome 一样的 console 面板进行信息查看和调试，这使得在移动设备上的排查工作异常辛苦。一个好用的调试工具、面板在这个时候变得非常重要。

什么是vConsole：

vConsole 是一个从微信小程序中独立出来的、轻量、可拓展、针对手机网页的前端开发者调试面板。

它主要包括：

• 查看 console 日志
• 查看网络请求
• 查看页面 element 结构
• 查看 Cookies 和 localStorage
• 手动执行 JS 命令行
• 自定义插件

如何使用 vConsole：

如果部署的版本 ≥ 4.4.4，请直接使用自定义配置系统，将 debug 改为 true 即可

效果预览：