安卓和iOS移动端调试工具vconsole使用

有时候要在移动端调试项目通过alert很不方便,而vconsole.js就可以解决这个问题.

它相当于谷歌浏览器的devtools,只是比pc端的要简陋一些.

 

原生js使用:

在<header>头部引入:

<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
<script>
    new VConsole();
</script>

效果如下:

 

 

单页面应用使用:

npm install vconsole

然后在main.js中

import VConsole from 'vconsole' //引入
new VConsole() //初始化

这样就可以了

 

ps:安卓版的QQ浏览器可以通过打开 http://debugtbs.qq.com  打开调试模式,然后微信内点击这个链接: debugmm.qq.com/?forcex5=true  开发微信公众号时很实用.iOS苹果版不支持.

安卓机可以通过这个方式直接打开不用安装vconsole,苹果的就必须安装了.

勾选红圈中的那个即可,其余三个根据自身需要打开