移動端調試方式

如今移動端開發愈發火熱，各類H5頁面功能，可是在移動端有一個弊端就是調試比較麻煩，以前用過一些調試的工具備如下幾種方式：
一、weinre
官網地址：http://people.apache.org/~pmuellr/weinre/docs/latest/
weinre調試的話須要PC和手機都在同一個局域網下，能夠在控制檯看到報錯信息，能夠打斷點，能夠實時更改css樣式等等，功能比較強大，當時操做較爲繁瑣。

二、經過vConsole進行調試
引入vConsole插件
yarn add vconsole -s
或
npm install vconsole -D
使用的時候須要在咱們入口文件引入vConsole而且初始化:
import Vconsole from 'vConsole' ;
const vConsole = new Vconsole()

而後在你須要看log的地方輸入console.log就能夠了，vconsole使用簡單，能夠看到log日誌，查看接口調用，查看頁面佈局，可是不能實時的去更改樣式進行調試，只能查看打包後的運行效果。

三、入市微信公衆號頁面的調試，在android機型上是能夠不用安裝vconsole插件的，能夠直接在微信瀏覽器裏面打開：http://debugx5.qq.com ，打開網址以後，往下翻，把vConsole調試功能打開而且關閉兩個X5的Cache功能。

從新進入你要調試的頁面，在右下角會有一個綠色的vConsole按鈕，點擊該按鈕就能夠進行調試了。