移动端调试工具vconsole与Eruda
随着web H5应用的广泛,很多原生软件采用原生+H5混合开发到的模式,对于安卓和IOS原生的app他们有自己的调试方式,比较友好,出现问题也比较好重现,而web app的js代码一旦部署上生产,代码和接口层面的报错很难捕捉,一般都要通过取日志去查看报错,为了方便定位问题,我的项目引入过以下两个调试工具,以下是对vconsole和eruda两个工具的使用和对比。
1.vconsole
vconsole基本能满足移动端的调试,调试效果如下图,但是vconsole的控制台比较单一,总体调试功能比较低配。并不是所有的控制台都会报错。有些忘记非空判断的代码报错,vconsole的控制台打印不出来。还有就是network模块的报文信息比较少,只有相应结果,但是接口的完整url和请求响应的报文头都没有。
github地址为:vConsole
引入方式如下:
npm install vconsole
引入:
<script src="path/to/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole();
cons