vConsole 移动端调试

使用方法

多页面应用

在每个页面

<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script> 

单页应用

我们在项目的入口引用这个文件就可以

npm install vconsole

var vConsole = new VConsole();
console.log('Hello world');

请注意，VConsole 只是 vConsole 的原型，而非一个已实例化的对象。所以在手动 new 实例化之前，vConsole 不会被插入到网页中。 

动态引入代码

这里有两种设计的思路以供参考：

1. 在程序中某个地方设置一个后门。点击10次或者长按10秒之后自动引入这段代码。
2. 通过运行环境来引入动态vConsole。即在测试阶段引入，而生产环境则不会引入这段代码。

设置后门

在程序中某个地方设置长按10秒自动引入代码。

首先长按10秒的效果需要3个事件结合才能产生。

• @touchstart：开始长按
• @touch