背景:
在日常的移动端开发时,一般都是先用chrome浏览器的移动端模式进行开发和调试,只有在chrome调试完成,没有问题了才会上到真机测试,但是由于真机和电脑环境毕竟存在差异。所以,上到真机测试最大的问题就是除了问题,无法像在chrome那样调试,快速捕获到bug产生原因。只能通过写入alert,重复发版调试。这样效率十分低下。
vconsole:
后面发现了一款vconsole调试工具,官方出的,但是只能解决安卓手机调试问题,ios调试依旧只能依靠alert调试,基于此,最终发现了一个特别好用的移动端调试神器---eruda
eruda:
Eruda 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。
使用截图如下图所示:
使用详情请见:eruda文档