Eruda 手机调试面板

最新推荐文章于 2024-06-27 14:39:20 发布

原创最新推荐文章于 2024-06-27 14:39:20 发布 · 457 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#eruda

本文介绍了如何在开发环境中，在index.html文件中嵌入ErudaJavaScript库，以实现代码调试功能。只有在DEV条件为真时，才会加载该库并初始化。

使用方法

index.html
只在开发环境中使用

    <% if(DEV){ %>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/eruda/2.4.1/eruda.min.js"></script>
    <script>eruda.init()</script>
    <% } %>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

吃我一锅

关注关注

7
点赞
踩
9

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

优雅地用eruda在移动端上调试网页

qq_39962403的博客

02-18

996

Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Cookie 信息等等。其有以下功能：Console面板：捕获Console日志，支持log、error、info、warn、dir、time/timeEnd、clear、count、assert、table；支持占位符，包括%c自定义样式输出；支持按日志类型及正则表达式过滤；支持快捷命令加载underscore、jQuery库；

android移动端调试—前端开发工具Eruda

DDD4V的博客

09-08

4766

Eruda 通过CDN使用： <script src="//cdn.bootcss.com/eruda/1.4.2/eruda.min.js"></script> <script>eruda.init();</script> 通过npm安装： npm install eruda --save Js文件对于移动端来说略重（gzip后大概100kb）。建议通过url参数来控制是否加载调试器，比如： (function () { var...

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

移动端微信浏览器调试工具整理eruda，微信x5调试工具无法使用，推荐新工具eruda、vconsole和debugxweb

艾小逗

06-28

5995

新版本微信x5调试工具，debugtbs.qq.com无法使用，提示不支持切换x5内核推荐新工具`eruda`和`debugxweb.qq.com`

移动端调试工具-Eruda

weixin_43867229的博客

03-26

1617

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

eruda手机端调试神器

weixin_30865427的博客

05-26

251

在日常的移动端开发时，一般都是试用chrome浏览器的移动端模式进行开发和调试，如果想在手机上能和浏览器一样看控制台调试就更加完美了；一个手机端调试神器eruda是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。只要在我们的...

移动端调试工具（eruda）

yongyafang123的博客

07-18

548

在页面中引入eruda.min.js并执行方法 <script src="http://eruda.liriliri.io/eruda.min.js"></script> <script> eruda.init(); </script> 注：Vue里面不想npm安装的话，直接在index.js里面添加上面这一段js也可以。效果如下 ...

手机前端开发神器：Eruda调试面板

Eruda 就是这样一种工具，它是一个专为手机网页前端设计的调试面板。 Eruda 的核心功能和使用方式如下： 1. 控制台 Console - 类似于桌面浏览器中的控制台，开发者可以使用 Eruda 来查看 JavaScript 的控制台日志...

Eruda是一个专为手机网页前端设计的调试面板

08-08

Eruda是一款专为移动Web前端开发者打造的强大调试工具，它提供了丰富的功能，使得在手机上进行网页调试变得更为便捷。这个工具主要适用于JavaScript开发，特别是在处理各种杂项问题时，Eruda能提供极大的帮助。 ...

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

08-29

Eruda是一款专为移动端网页前端设计的轻量级调试工具，类似于桌面端的Chrome DevTools，但针对手机网页进行了优化。这款工具由开发者liriliri创建，可以在GitHub上找到（https://github.com/liriliri/eruda）。Eruda...

手机端Web前端调试面板：实时调试无界限

手机网页前端调试面板通常是作为一个JavaScript库嵌入到网页中，如eruda，它包含了丰富的调试功能，但体积通常很小，不会对移动端的性能造成太大影响。这类工具在检测问题时，不需要连接电脑或服务器，只需要在手机...

eruda移动端调试工具

风火纶回

12-16

380

eruda移动端调试工具，很方便移动端测试 <link rel="stylesheet" href="https://weui.shanliwawa.top//css/weui.css"/> <link rel="stylesheet" href="https://weui.shanliwawa.top//css/weuix.css"/> <script src="h...

使用Eruda插件调试手机端页面

helloworlddx的博客

05-22

823

Eruda插件使用调试移动端页面

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

最新发布

qq_37550440的博客

06-27

1324

在手机端能正常查看log及网络请求。。

移动端页面调试工具 vConsole 与 eruda

司马懿的西山居

07-26

6972

起因当我们写 webapp 或者移动端网页时，想要在手机上进行调试是非常困难的事，因为在手机上无法直接看到日志输出。之前的办法是通过 alert 来打印日志，然后一遍一遍的定位问题修改代码。这样实在是太低效了，因此就诞生了 vConsole 和 eruda 这两款调试工具，其效果等价于PC端的 devtools，可以查看日志，网络，页面，Resources等 vConsole vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板，是微信官方出品，主要用于移动调试。 vConsole可以查

移动端调试神器（eruda）

sTaANn的博客

12-20

3025

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

eruda.js 移动端调试神器使用教程（eruda）

宋坚强大大~~

09-03

7413

在日常的移动端开发时，一般都是试用chrome浏览器的移动端模式进行开发和调试，只有在chrome调试完成，没有问题了才会上到真机测试，移动端开发的一大问题就在于此，各种品牌各种型号手机，手机中各种类型的浏览器APP........还好移动端的相对一致点，但是往往都会有一些各种各样的坑，这时候就蛋疼了，明明chrome调试工具中是正常的，一到某个浏览器中就炸了，怎么办，又无法像在chro...

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

全栈-菜鸟

05-10

1267

Eruda是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。在main.js中添加如下代码 if(process.env.NODE_ENV == 'development' || process.env.NODE_ENV == 'testing'){ let src = '//cdn.jsdelivr.net/npm/eru...

vue手机端的调试神器eruda

浩星

12-30

1282

前言：分享一款神奇，可以在手机上实现，跟pc端f12打开调试一样的效果。官方地址：入口实现效果：

Eruda 一个小而美的移动端调试神器

画漫画的程序员∙苏南

12-24

3257

Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Cookie 信息等等，虽说日常的移动端开发时，一般都是在用Chrome DevTools浏览器的移动端模式模拟各种手机型号来进行开发和调试，确保功能/页面展示等都没有问题了，才会提交测试；那就也就有调试，说到调试工具，大家可能对于fiddler、Charles、chrome devtools、Firebug、还有Safari远程调试等