移动端调试方式

如今移动端开发愈发火热，各类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按钮，点击该按钮就能够进行调试了。