Ionic项目在安卓真机上使用VConsole进行调试的方法

VConsole是腾讯开源的针对手机网页的前端开发者调试面板。有些情况下，比如cordova的nativestorage插件没办法在电脑上进行调试和产看调试结果，那么我们就需要在真机上进行调试，我们就可以用这款工具来查看调试的日志。

使用方法

一、下载

首先下载vconsole.min.js文件，然后把它放到你的项目的assets文件夹中。

这是VConsole的下载地址：https://github.com/Tencent/vConsole。建议使用V3.3.0，别用最新的，最新的版本造成一些很扯淡的问题。

下载zip文件进行解压，解压过后找到dist文件夹，把里面的vconsole.min.js文件放到你的项目的assets文件夹中。

二、安装

然后找到index.html文件，在头部添加如下代码进行引用与调用：

<script type="text/javascript" src="./assets/vconsole.min.js"></script>
<script>
    var vConsole = new VConsole();   
</script>

然后就可以在真机上进行调试了。

效果图

项目运行以后就可以看到一个按钮如下：

点击进入就可以看到各种日志以及你使用console.log('xxxxx')打印的各种信息了。