免费试用

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


相关知识:
ios开发app上架
iOS开发的App上架是指将开发完成的应用程序发布到苹果公司的App Store上,供用户下载和使用。本文将详细介绍iOS开发App上架的原理和具体步骤。一、开发准备1. 获取苹果开发者账号:首先需要在苹果开发者中心申请并获得一个合法的开发者账号,才能进行
2023-07-14
easyui开发app
EasyUI是一款基于jQuery的开源UI库,主要用于快速开发Web应用程序。它提供了丰富的用户界面组件和交互效果,可以帮助开发者快速构建出漂亮、灵活的用户界面。本文将详细介绍EasyUI的开发原理和使用方法。EasyUI的开发原理主要包括以下几个方面:
2023-07-14
app项目开发面临的问题有哪些
在开发一个APP项目时,会面临一些常见的问题。这些问题可以分为技术和非技术两类。下面我将详细介绍一些常见的问题。1. 需求分析:在开发APP项目之前,必须先了解用户的需求并进行详细的需求分析。这包括确定功能列表、用户界面设计和交互流程等,以确保开发出符合用
2023-07-14
app开发如何实现播放声音呢
在移动应用开发中,实现播放声音可以通过使用音频播放器组件来完成。音频播放器可以播放本地音频文件或者从网络上下载的音频文件。下面将详细介绍如何在移动应用中实现播放声音的原理和步骤。1. 导入音频文件:首先,需要将音频文件导入到应用的资源文件夹中。对于Andr
2023-06-29
app开发流程大解析
App开发是现代社会中一项很重要的技术发展,随着智能手机的普及,不管是企业还是个人都有着自己的App,App的种类繁多,涉及到各个领域,如社交、游戏、金融、医疗等等,那么如何进行App开发呢?下面我们来介绍一下App开发的流程。第一步:需求分析在开始开发一
2023-06-29
app个人开发者有多难
作为一个手机应用程序个人开发者,需要拥有多种技能和知识,包括应用程序开发的技能和知识、市场营销和推广知识、设备和测试知识以及财务管理和法律事务知识等等。因此,相对于其他行业,app个人开发者的挑战与难度相对较大。本文将详细介绍app个人开发者的难度和挑战。
2023-05-06