H5页面控制台之vconsole

vconsole是干什么的？

最近在写一个app端的内嵌H5项目，端内也没有扫一扫的功能，调试起来非常的麻烦。当出现问题的时候，无法查看日志，还不能快准狠的定位到问题所在。
然后我就接入了vconsole，这是一个移动端调试的神器。这样项目放到app里面了也可以用控制台进行调试。

vconsole怎么接入？

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

这里是在项目中放了js文件直接引用的方式。最开始使用的cdn链接报错，可能有些项目及域名做了限制。

接入的方式还是很简单的
这样我们就可以在手机上看到控制台了

调试

我在做项目的时候还遇到了一个华为手机的兼容性问题，有些页面返回再进入的时候会加载不出来。
后来通过控制台的定位，我确定问题是客户端对华为手机系统的兼容没有做好。