当初挪动端开发愈发炽热,各种H5页面性能,然而在挪动端有一个弊病就是调试比拟麻烦,之前用过一些调试的工具有以下几种形式:
1、weinre
官网地址:http://people.apache.org/~pmuellr/weinre/docs/latest/
weinre调试的话须要PC和手机都在同一个局域网下,能够在控制台看到报错信息,能够打断点,能够实时更改css款式等等,性能比拟弱小,过后操作较为繁琐。

2、通过vConsole进行调试
引入vConsole插件
yarn add vconsole -s

npm install vconsole -D
应用的时候须要在咱们入口文件引入vConsole并且初始化:
import Vconsole from 'vConsole' ;
const vConsole = new Vconsole()

而后在你须要看log的中央输出console.log就能够了,vconsole应用简略,能够看到log日志,查看接口调用,查看页面布局,然而不能实时的去更改款式进行调试,只能查看打包后的运行成果。

3、入市微信公众号页面的调试,在android机型上是能够不必装置vconsole插件的,能够间接在微信浏览器外面关上:http://debugx5.qq.com ,关上网址之后,往下翻,把vConsole调试性能关上并且敞开两个X5的Cache性能。

从新进入你要调试的页面,在右下角会有一个绿色的vConsole按钮,点击该按钮就能够进行调试了。