移动端调试工具（eruda）

最新推荐文章于 2024-06-27 14:39:20 发布
原创 最新推荐文章于 2024-06-27 14:39:20 发布 · 548 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#移动端调试

本文介绍了一种简便的方法来实现在网页中快速部署Eruda调试工具，无需通过npm安装，仅需在页面中引入eruda.min.js并执行初始化方法即可开启调试功能。

在页面中引入eruda.min.js并执行方法

<script src="http://eruda.liriliri.io/eruda.min.js"></script>
<script>
    eruda.init();
</script>

注：Vue里面不想npm安装的话，直接在index.js里面添加上面这一段js也可以。

效果如下
在这里插入图片描述

web移动端调试神器Eruda
代码青春
03-24 407
https://blog.youkuaiyun.com/wrathli/article/details/82534109
移动端调试工具-Eruda
weixin_43867229的博客
03-26 1631
Eruda 是一个专为手机网页前端设计的调试面板，类似于 DevTools。：现在，你可以在手机上打开你的网页，然后在页面中看到 Eruda 的调试面板。
移动端页面调试工具 vConsole 与 eruda
司马懿的西山居
07-26 6998
起因 当我们写 webapp 或者 移动端网页时，想要在手机上进行调试是非常困难的事，因为在手机上无法直接看到日志输出。之前的办法是通过 alert 来打印日志，然后一遍一遍的定位问题修改代码。这样实在是太低效了，因此就诞生了 vConsole 和 eruda 这两款调试工具，其效果等价于PC端的 devtools，可以查看日志，网络，页面，Resources等 vConsole vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板，是微信官方出品，主要用于移动调试。 vConsole可以查
H5移动端调试工具 vconsole、eruda 使用方法
Ryan的博客
05-11 2305
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
Dwa_ww的博客
01-28 435
使用方法： 1.在html中引用如下js: <script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script> <script>eruda.init();</script> 2.直接将eruda.min.js下载下来或者复制一个放在项目里，直接引用本地的js ...
eruda 移动端调试工具
qq_40774743的博客
03-22 237
eruda
适用于移动端的网络调试工具Eruda(脚本)
最新发布
08-26
移动端网络调试工具Eruda是一款为前端开发者设计的实用调试工具，它能够帮助开发者在移动设备上进行JavaScript脚本调试。由于传统的桌面浏览器调试工具并不总能在移动设备上提供相同级别的支持，Eruda因此被开发出来...
精选资源
h5移动端调试工具vconsole/eruda
03-21
为了应对这个问题，业界诞生了专门针对移动端H5页面的调试工具，如vConsole和Eruda。这两个工具极大地简化了H5应用的调试过程，使得开发者可以更高效地定位和解决问题。 首先，vConsole是一款轻量级的Web Console...
移动端浏览器调试工具eruda前端项目
Eruda作为一个轻量级、功能强大的JavaScript调试工具，旨在弥补移动端浏览器缺乏完整开发者工具的短板。在现代Web开发中，桌面端浏览器通常内置了完整的开发者工具（如Chrome DevTools），允许开发者检查DOM结构、...
移动端调试——eruda
weixin_45630494的博客
12-28 625
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 */
移动端js调试工具：eruda
qq_42676363的博客
06-11 1635
通常写前端页面都在Chrome浏览器的开发模式下进行调试，但是写放在移动端的H5页面时，有时候会遇到在Chrome上调试没有问题，但是在手机的浏览器上有问题的情况；也有的页面是需要放在微信公众号中的，调用了微信JSSDK的方法，必须得通过手机上的微信内置浏览器才能使用，这个时候如果遇到了报错，只能够通过alert一步一步地定位问题。今天发现了一个好用的可以在手机浏览器上直接定位问题的插件：eruda.js 在html中引用如下js: <script type="text/javascript" s
手机端调试工具 vconsole、eruda 使用方法
qq_37550440的博客
06-27 1332
在手机端能正常查看log及网络请求。。
前端移动端调试工具Eruda
小D科技的博客
10-24 1096
&lt;!--移动端调试工具--&gt; &lt;script src="//cdn.jsdelivr.net/npm/eruda"&gt;&lt;/script&gt; &lt;script&gt;eruda.init()&lt;/script&gt;      相对来说这是个比较强大的移动端调试工具，使用简单，两句代码就可实现，拿走不谢！...
移动端开发调试工具——eruda
Justicky
12-27 2301
移动端开发调试是一个比较麻烦的事情，本篇文章将介绍使用eruda来完成移动端开发调试。 一、直接使用： 在前端项目的index.html中直接通过js写入eruda工具 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport"
非常强大的移动端调试神器-Eruda
Superxpang的博客
04-28 1231
之前有出过一篇在react项目中安装eruda的教程，此篇针对Vue项目，欢迎大家批评指正！
eruda手机端调试神器
weixin_30865427的博客
05-26 252
在日常的移动端开发时，一般都是试用chrome浏览器的移动端模式进行开发和调试，如果想在手机上能和浏览器一样看控制台调试就更加完美了； 一个手机端调试神器eruda是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。 只要在我们的...
移动端调试工具 vconsole、eruda 使用方法
MISS_zhang_0110的博客
07-28 2125
【代码】移动端调试工具 vconsole、eruda 使用方法。
Eruda 手机调试面板
weixin_43676252的博客
01-11 459
【代码】Eruda 手机调试面板。
eruda移动端调试工具
风火纶回
12-16 386
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...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值