免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持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内打开的各种问题啦!


相关知识:
matlab开发的app授权
在Matlab开发中,可以通过程序授权的方式来限制用户对开发的应用程序的访问和使用权限。授权可以确保只有经过授权的用户才能使用应用程序,并且可以控制用户对应用程序的功能和数据的访问级别。Matlab提供了一套完整的应用程序授权管理机制,允许开发者为自己的应
2023-07-14
app开发梳理流程
APP开发是指通过编程语言和开发工具开发出可以在移动设备上安装和运行的应用程序。下面将详细介绍APP开发的梳理流程。1. 需求分析:首先,需要明确APP的功能和目标用户群体。通过调研市场需求和竞品分析,确定APP的核心功能和特色,以及用户喜好和需求。这一步
2023-06-29
app开发流程八个步骤
App开发是当前IT行业的热门领域,也是移动互联网发展的重要组成部分,随着市场需求的不断增长,企业和个人对App开发的需求也日益增加。然而,App开发是一个复杂的过程,需要经历多个步骤。下面,就介绍一下App开发的八个基本步骤。## 第一步:需求分析在Ap
2023-06-29
app和开发
App是指应用程序(Application),是一种能够在手机、平板电脑、电视、众筹设备等各种移动设备上运行的软件程序。与传统的软件程序不同,它可以直接在设备上运行,无需安装,非常方便。开发(App Development)是指设计、编写、测试、部署、维护
2023-05-06
appui开发方式
APPUI是一种采用HTML、CSS、JavaScript等Web技术进行开发的跨平台移动应用程序开发模式。采用APPUI可以减少开发成本和时间,同时还可以在多个平台上运行。APPUI的原理是基于Web应用程序的开发方式,应用了一些移动端的特殊交互方式和界
2023-05-06
android备忘录app开发
Android备忘录App是一种非常常见的应用程序,用于帮助用户记录日常生活中需要提醒自己的事物,例如预定会议、生日等等。这个App不仅可以提高用户的工作效率,而且还可以有效地帮助他们规划时间和安排日程。本文将介绍Android备忘录App的开发原理和详细
2023-05-06