免费试用

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


相关知识:
j开发app赚钱吗
标题:J开发APP赚钱吗?原理和详细介绍引言:如今移动应用市场已经成为创业者和开发者的热门选择之一。在这个市场中,J开发APP成为了一种备受关注的技术。那么,J开发APP可以赚钱吗?本文将会从原理和详细介绍两个方面,为大家解答这个问题。一、J开发APP的原
2023-07-14
chromium内核开发app
Chromium是一款开源的浏览器引擎,它被广泛用于多种浏览器中,包括Google Chrome、Microsoft Edge等。在Chromium内核上开发应用程序可以带来许多好处,比如灵活性、可定制性以及高性能等。本文将详细介绍如何在Chromium内
2023-07-14
app网络登陆流程开发
网络登录是现代应用程序中常见的功能之一,其实现需要在客户端和服务器之间进行数据传输和身份验证。下面是一个简要的app网络登录流程开发的详细介绍:1. 用户输入凭据:用户打开应用程序,并在登录界面输入他们的用户名和密码。2. 客户端验证:客户端应用程序首先会
2023-07-14
app如何使用java开发
使用Java开发App是一种非常常见和流行的方式。Java是一种面向对象的编程语言,具有跨平台特性,因此非常适合用于开发移动应用程序。本文将介绍如何使用Java开发App的原理和详细步骤。首先,为了开始使用Java开发App,您需要安装Java开发工具包(
2023-06-29
app开发类文章
移动应用程序的发展始于智能手机的出现。我们可以通过应用程序来轻松地与人们共享信息、娱乐和学习。应用程序一般是指用于特定目的的软件程序,例如游戏、社交媒体和在线购物。通过开发应用程序,可以利用手机平台上已有的功能,例如摄像头、GPS和通信等,以提供新的功能和
2023-06-29
app功能开发收费
App功能开发收费原理或详细介绍移动应用程序(App)已成为了当今数字时代的热门产品之一。随着智能手机和平板电脑的普及,App 的数量迅速增加,以满足用户日益增长的需求。作为一种创造应用的流程,App功能开发成为了一项热门和令人兴奋的工作,并逐渐成为了一个
2023-05-06