移动端调试神器vConsole,eruda

前言

本片介绍一下一款移动端调试神器

咱们在写webapp或者移动端网页须要嵌入到app时候，尤为是在APP内置的webView上加载咱们的页面，想要查看手机浏览器信息是很是困难的事，当出现问题的时候，你又不能查看日志，通常会链接本地测试环境，而后在alert来打印日志（这种作法太蠢了），而后一遍一遍的定位bug，修改代码。使用eruda以后感受爽爆了，解决了这个问题，这个工具就想电脑端的devtools，能够查看日志，网络，页面，Resources等

使用方法

多页面应用

在每一个页面

<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');