web手机端调试神器Eruda

作者 : 开心源码 本文共550个字,预计阅读时间需要2分钟 发布时间: 2022-05-12 共161人阅读

在Web开发过程中,对html页面进行开发和调试的时候都会使用到浏览器提供的调试工具,小编我最常使用的就是Chrome浏览器自带的开发者工具了,可以很方便的对JS代码进行断点调试,log也很方便。但是在手机端的浏览器上进行开发就没有这么方便了,不论是iOS的Safari还是Android的众多浏览器。在这里小编推荐一个手机端的调试神器Eruda。

Eruda 是一个专为手机网页前台设计的调试面板,相似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。

Eruda的github地址: https://github.com/liriliri/eruda/blob/master/doc/README_CN.md

废话不多说,我们直接上代码详情Eruda的使用法。用Eruda有两种方法。

1)通过CDN用:

直接在html页面中引入Eruda的JS文件

 

2)通过npm安装:

npm install eruda --save

在页面中加载脚本:

 

我一般用第一种方式(比较懒,呵呵)。初始化Eruda之后在html界面上会出现一个半透明的齿轮按钮,点击一下就会弹出Eruda的面板,再点击一下就会收起来,如下图所示。

web手机端调试神器Eruda

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » web手机端调试神器Eruda

发表回复