免费试用

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


相关知识:
陕西商城app定制开发
陕西商城app是一个集购物、生活服务、社区互动、商家入驻等功能于一体的综合性app。用户可以在商城app上购买各种商品和服务,同时也可以查看社区信息、参与社区活动、发布二手信息等。商家可以通过商城app入驻平台,开设自己的店铺,销售自己的商品和服务。商城a
2024-01-10
hbuilderx可以开发app
HBuilderX是一款由DCloud开发的集成开发环境(IDE),专门用于开发跨平台的移动应用程序。它基于Electron框架开发,支持多种前端开发技术,包括HTML5、CSS、JavaScript等。 HBuilderX内置了丰富的功能和工具,可以帮助
2023-07-14
app开发的技术经验和教训
APP开发是当前互联网领域的热门话题。近年来,移动设备的普及率不断提高,APP的用户量也在不断增加。因此,APP开发人员的技术经验和教训变得非常重要。一、移动应用开发的原理移动应用开发是基于移动操作系统进行的。移动操作系统与传统的桌面操作系统相比,内存和处
2023-06-29
app开发环境和语言的区别
App指的是移动应用程序,是运行在移动设备上的软件程序,以iOS和Android系统为主。开发App需要选择适合的开发环境和语言,本文将介绍App开发环境和语言的区别。一、开发环境开发环境包含了开发工具、编程语言和开发库,它们协同工作来支持应用程序的开发。
2023-06-29
apple 开发的软件
Apple 是一家以创新和设计为核心的公司。在软件开发方面,Apple 也一直积极探索和尝试,不断推出具有影响力的产品和服务。本文将对一些 Apple 开发的软件进行原理和详细介绍。1. macOSmacOS 是 Apple 公司开发的一款操作系统,早期被
2023-05-06
android 原生app开发
Android是一个基于Linux操作系统的移动设备操作系统,同时也是一个开放源代码软件,由谷歌公司开发。Android应用程序是基于Java语言编写的。Android原生应用开发是指在Android操作系统上直接编写应用程序的开发方式,可以使用原生的AP
2023-05-06