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')
打印的各种信息了。
文章评论