移动端网页打印代码_移动端页面调试工具 vConsole 与 eruda

起因

当我们写 webapp 或者 移动端网页时，想要在手机上进行调试是非常困难的事，因为在手机上无法直接看到日志输出。之前的办法是通过 alert 来打印日志，然后一遍一遍的定位问题修改代码。这样实在是太低效了，因此就诞生了 vConsole 和 eruda 这两款调试工具，其效果等价于PC端的 devtools，可以查看日志，网络，页面，Resources等

vConsole

vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板，是微信官方出品，主要用于移动调试。

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

Github 地址：https://github.com/Tencent/vConsole

单页面应用

对于单页面应用，安装完后，仅需要在入口引用即可

npm install vconsole

import VConsole from 'vconsole';

var vConsole = new VConsole();

多页面应用

cdn 是在猫云上面找的 https://www.bootcdn.cn/vConsole/

用法

配置参数

可以在初始化时指定

const vCon