前言

和上一篇文章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');

扫下边的二维码可以天天领红包，以后点外卖什么的再也不用开会员了，从此省出一套房~

qrcode.jpg

推荐文章

koa使用装饰器实现路由
教你一步步封装vue的toast和loading组件
react项目整合express+mock实现模拟接口数据

react+webpack4+react-router5+react-loadable+mobx系列文章
react+webpack4搭建前端项目（一）基础项目搭建
react+webpack4搭建前端项目（二）react全家桶的使用
react+webpack4搭建前端项目（三）打包优化