安卓和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://debugx5.qq.com  打開調試模式,開發微信公衆號時很實用.iOS蘋果版不支持.

安卓機可以通過這個方式直接打開不用安裝vconsole,蘋果的就必須安裝了.

勾選紅圈中的那個即可,其餘三個根據自身需要打開