移动端调试工具vConsole与Eruda

本文介绍了移动端调试工具vConsole和Eruda的使用和对比。vConsole虽然简单,但控制台功能有限,而Eruda功能更加强大,类似于Chrome的开发者工具,提供完善的网络请求、源码查看和元素检查等功能。然而,Eruda的包体积较大,且在某些环境中可能引入问题。
摘要由CSDN通过智能技术生成

移动端调试工具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
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值