現在很多移動端是用H5做的，但是有時候，有的問題，無法在真機進行調試，這個就需要vConsole進行調試，它可以打印log，查看css布局，查看接口請求等功能。
方法一：
引入vConsole插件：
yarn add vconsole -s或npm install vconsole
獲取使用yarn 進行安裝"vconsole": "^3.3.0"使用vConsole插件：需在main.js中引入。
import Vconsole from 'vconsole';
- 初始化vConsole：new 這個對象。
const vConsole = new Vconsole()
Vue.use(vConsole)
- 使用：在你需要的地方使用console.log()就行。
方法二：
在某些安卓機型上不需要導入vConsole就可以直接進行調試，
用微信打開這個網址 http://debugx5.qq.com/
或者用微信掃一掃下面這個二維碼，
用微信掃一掃
進去后，選擇中間‘’信息‘’，然后一直往下翻，把vConsole打開，把下面兩個Content Cache關掉。
20180409172818400.png
然后打開你要調試的頁面，你就你能看到右下角有個綠色按鈕vConsole。點擊就能查看你代碼中console的內容了。
親測效果圖如下：
效果圖1
效果圖2
參考：
https://blog.csdn.net/weixin_36934930/article/details/79870240
