免费试用

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


相关知识:
java开发手机辅助app
手机辅助APP是一种帮助用户提高手机使用效率和便利性的应用程序。通常,这些应用程序利用手机的各种功能和特性,为用户提供各种实用功能和服务。作为一名Java开发者,你可以使用Java语言来开发手机辅助APP。下面是该应用的一些常见特性和功能,以及一些实现的原
2023-07-14
html5混合开发app
HTML5混合开发是一种基于Web技术的移动应用开发方式,它利用HTML5、CSS和JavaScript等前端技术来开发移动应用。这种开发方式可以同时支持多个平台,包括iOS和Android等。下面将详细介绍HTML5混合开发的原理和具体的步骤。1. HT
2023-07-14
h5开发app用什么工具好
H5开发App是一种使用HTML5、CSS3和JavaScript来开发移动应用程序的技术。相较于传统的本地开发方式,H5开发App具有跨平台、快速迭代、低成本等特点。本文将介绍几种常用的H5开发App的工具,以及它们的原理和详细使用方法。1. Phone
2023-07-14
app开发汽车
App开发汽车是指通过手机应用程序控制汽车的一种技术。随着智能手机的普及和汽车科技的发展,越来越多的汽车制造商和科技公司开始将智能手机与汽车系统结合起来,实现通过手机应用程序控制汽车的功能,为用户提供更加便捷和智能化的汽车使用体验。App开发汽车的原理主要
2023-06-29
app开发培训要多少钱啊
APP开发培训一般分为线上和线下两种形式,价格也因地区、规模和授课方式等因素而有所不同。下面对APP开发培训的一些原理和详细介绍作一介绍。一、什么是APP?APP是指应用程序,是指可以在移动设备上安装和运行的程序。APP包括游戏、社交、购物、理财、生活、工
2023-06-29
app store 开发者
App Store是由苹果公司主持的应用程序商店,为用户提供iPhone、iPad、iPod touch等Apple设备上的免费和付费应用程序下载。App Store的出现,让开发者有了一个优秀的平台,能够发布并销售自己的应用程序。App Store开发者
2023-05-06