免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持APP、电脑端、小程序、IOS免签等等

【调试APP】网页内嵌调试工具eruda 快捷开启移动端网页调试能力

一门是混合开发框架,大部分业务流都是开发者需要在自己H5或HTML代码里面进行的;

在开发过程中,可能会遇到需要调试APP内代码运行状态的需求。

我们之前提供多种调试方式
USB调试   点击链接查看

由于USB调试需要链接手机,并不是很方便,这里提供一种在线的调试工具

eruda 移动网页快捷调试功能

eruda 是知名的Web内嵌调试工具,将上方两行代码复制到你的网页即可。


1.进入一门开发者中心,找到自己需要配置的APP

【调试APP】网页内嵌调试工具eruda 快捷开启移动端网页调试能力

如图所示:找到打包设置,在页面找到代码

<script src="https://cdn.staticfile.org/eruda/2.11.2/eruda.min.js"></script>
<script>eruda.init()</script>

将这一段代码放到自己的HTML网页里面即可。


2.放置好eruda 代码之后,打开APP,即可看到调试小图标
如果没有生效,请检查JS是否放置成功,如遇CDN可刷新一下缓存,或清理一下APP缓存,多次重启APP等操作。
【调试APP】网页内嵌调试工具eruda 快捷开启移动端网页调试能力
如图,添加好代码之后,在APP内打开即可查看到调试工具小图标
【调试APP】网页内嵌调试工具eruda 快捷开启移动端网页调试能力
点击调试工具小图标,即可快捷打开调试工具,这里是不是很熟悉,几乎和PC谷歌浏览器F12调试工具一致呢!
这样我们就可以快捷开始调试我们网页在APP内打开的各种问题啦!


相关知识:
html5开发的app
HTML5开发的App是指使用HTML、CSS和JavaScript等技术来开发移动应用程序。与传统的原生应用相比,HTML5开发的App具有跨平台、成本低、开发周期短等优势。在HTML5开发的App中,HTML负责定义应用程序的结构,CSS负责控制应用程
2023-07-14
app开发源码搭建
App开发源码搭建是指通过编写代码来创建一个完整的应用程序。在这篇文章中,我将详细介绍App开发的原理和步骤,帮助读者了解如何搭建一个简单的App。1. 确定需求:在开始开发之前,首先要明确自己的需求。你想要开发一个什么样的App?它的功能有哪些?用户需要
2023-06-29
app开发市场规模
APP开发市场规模是指移动应用程序(APP)开发和销售所创造的商业价值总和。随着智能手机的普及和移动互联网的快速发展,APP开发市场规模呈现出爆发式增长的趋势。本文将详细介绍APP开发市场规模的原理和相关信息。首先,APP开发市场规模的原理是由需求和供给所
2023-06-29
app开发定制商多少钱
APP开发定制是指开发人员针对客户需求进行APP软件的设计开发,满足客户的个性化需求。APP定制开发需要专业的技术人员经验和丰富的知识,不同的定制需求对人员素质有不同的要求,开发团队需要对客户的需求进行深入了解,并进行应用的开发和优化设计。APP开发定制商
2023-06-29
app的开发和维护预算
一个app的开发和维护需要预算的考虑因素较多,以下为一些可能需要考虑到的原理和详细介绍。1. 功能需求:一个app的开发首先需要明确它需要实现的功能需求,这会影响到整个app的架构设计、前后端开发、UI设计等,因此这也是决定预算的一个关键因素。2. 开发团
2023-05-06
android实验开发app
Android是一款非常流行的移动操作系统,它拥有各种各样的应用,这些应用伴随着我们的日常生活。如果您想要成为一个Android 应用开发者,那么您需要学习Android开发的基础知识和技能,从而驾驭这个强大的平台。Android应用开发可以分为三个方面:
2023-05-06