移动端H5网页调试之eruda

凌晨 || AmsWait

已于 2022-10-24 10:17:17 修改

阅读量468

点赞数

CC 4.0 BY-SA版权

文章标签： debug 移动开发 javascript 1024程序员节

于 2021-07-14 10:10:28 首次发布

本文链接：https://blog.csdn.net/amswait/article/details/118721158

类似vconsole但更强的移动端调试面板；

中文文档：https://github.com/liriliri/eruda/blob/master/README_CN.md
国内镜像地址: https://hub.fastgit.org/liriliri/eruda/blob/master/doc/README_CN.md
使用方式:
cdn:

<script src="//cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.js"></script>
<script>eruda.init();</script>

我的个人公众号：归园田居每日分享前端知识与资讯～
请添加图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凌晨 || AmsWait

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

移动端打开html控制台,移动端中使用调试控制台 eruda

weixin_39618169的博客

06-20

1459

使用一般移动端：在html head中引入移动端调试控制台代码并初始化：....eruda.init();如下图：打开悬浮按钮即可看到控制台如果是小程序，在onLaunch时开启debug,可以在真机中调出控制台：App({onLaunch: function (options) {wx.setEnableDebug({enableDebug: true});},});安装你可以通过npm来下载使...

移动端开发调试工具——eruda

Justicky

12-27

2201

移动端开发调试是一个比较麻烦的事情，本篇文章将介绍使用eruda来完成移动端开发调试。一、直接使用：在前端项目的index.html中直接通过js写入eruda工具 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport"

参与评论您还未登录，请先登录后发表或查看评论

h5移动端调试工具vconsole/eruda

03-21

vconsole.js/eruda.js

H5移动端调试工具 vconsole、eruda 使用方法

Ryan的博客

05-11

2062

eruda: 在 index.html 中引入： <script src="//cdn.bootcss.com/eruda/1.3.0/eruda.min.js"></script> <script>eruda.init();</script> vconsole: 在 index.html 中引入： <script src="https://www.w3cways.com/demo/vconsole/vconsole.min.js?v=2.2.0"

手机端调试工具 eruda 使用方法

最新发布

小妖666个人笔记

05-07

338

手机端调试工具 eruda 使用方法

移动端调试——eruda

weixin_45630494的博客

12-28

585

1、下载 npm install eruda --save 2、插入 /* #ifdef H5 */ // H5调试工具 if (process.env.NODE_ENV === 'dev' || process.env.NODE_ENV === 'development') { const eruda = require('eruda') eruda.init() // 初始化 } /* #endif */

vue 使用 eruda（移动端H5调试工具）

qq_46302247的博客

01-05

722

【代码】vue 使用 eruda（移动端H5调试工具）

移动端H5调试神器—----------vConsole----eruda.js

weixin_43617604的博客

05-19

958

移动端H5调试神器—vConsole vConsole 由腾讯一个轻量、可拓展、针对手机网页的前端开发者调试面板，专为手机 web 页面量身设计，帮助开发者更为便捷地进行开发调试工作查看 console 日志查看网络请求手动执行 JS 命令行自定义插件使用方法下载vconsole github: https://github.com/Tencent/vConsole 引入模块 (1) 如果未使用 AMD/CMD 规范，可直接在 HTML 中引入 vConsole 模块 <sc

移动端网页开发调试神器Eruda的介绍与使用技巧

11-30

可以把网址在电脑上打开查看console信息，但是如果是做APP的内嵌H5页面，那就只能靠开发阶段在浏览器模拟环境中尽量没有Bug，但是，一旦H5上线后报错那就比较麻烦了，而且还依赖APP环境才能跑的网页，更加难以查找...

html5页面调试工具,web移动端调试神器Eruda

weixin_32043233的博客

06-03

868

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

weixin_39883705的博客

11-30

190

介绍eruda和vConsole是两个针对手机网页的前端开发者调试面板。让移动端网页开发调试变得更加简便，前端开发者都知道在PC端浏览器调试非常方便，可以随时查看调试信息等，而移动端就没这么方便了。因此eruda和vConsole也就孕育而生！eruda和vConsole是两个不同的产品，本文分别来介绍它们！Githubhttps://github.com/liriliri/erudahttps:...

VUE 移动端控台

weixin_39273589的博客

06-10

806

VUE 移动端控台

移动端调试工具 vconsole、eruda 使用方法

MISS_zhang_0110的博客

07-28

2064

【代码】移动端调试工具 vconsole、eruda 使用方法。

移动端调试工具-Eruda

weixin_43867229的博客

03-26

1324

Eruda 是一个专为手机网页前端设计的调试面板，类似于 DevTools。：现在，你可以在手机上打开你的网页，然后在页面中看到 Eruda 的调试面板。

移动端调试神器（eruda）

sTaANn的博客

12-20

2954

在移动端开发的过程中，经常是在chrome dev tools或者微信开发工具中调试好了但放入各种型号的手机或者app里就会出现问题。而在移动端想要看到数据就只能抓包，eruda能在页面生成一个控制台，你可以看接口数据，也可以打印数据，可以看到本地存储，大大方便了移动端的调试工作。使用方法在页面中引入eruda.min.js并执行方法<script src="http://eruda.lirilir

非常强大的移动端调试神器-Eruda

Superxpang的博客

04-28

1015

之前有出过一篇在react项目中安装eruda的教程，此篇针对Vue项目，欢迎大家批评指正！

类似v-console

gwdgwd123的博客

10-22

638

eruda操作

豪哥的博客

10-24

2629

eruda操作

推荐一款移动端调试神器（eruda）

jiandan1127的博客

01-15

1326

1. 简介 Eruda github地址: 戳这里 Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括： 1) 捕获 console 日志、 2) 检查元素状态、 3) 捕获XHR请求、 4) 显示本地存储和 Cookie 信息等等。 5) 详细功能戳 git 地址简单的说就是谷歌能实现的手机上基本都能实现 2. 使用 gi...