免费试用

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


相关知识:
hybrid app开发注意事项
随着移动应用市场的兴起,越来越多的企业和开发者开始关注移动应用的开发。Hybrid app(混合应用)作为一种兼具原生应用和Web应用的优点的开发方式,备受关注。那么,什么是Hybrid app,如何开发Hybrid app,又有哪些注意事项呢?本文将为您
2023-07-14
html css js开发app
HTML、CSS和JavaScript是开发Web应用的三大核心技术。虽然它们主要用于构建网页,但也可以通过一些途径来开发移动App。本文将详细介绍HTML、CSS和JavaScript在移动App开发中的原理和具体应用。首先,让我们了解一下HTML。HT
2023-07-14
app开发使用vant
Vant是一款基于Vue.js的移动端组件库,它提供了丰富的UI组件和交互效果,可以帮助开发者快速构建高质量的移动应用。在本文中,我将详细介绍Vant的原理和使用方法。一、Vant的原理Vant的原理主要基于Vue.js的组件化开发思想。Vue.js是一款
2023-06-29
app开发火烈鸟
App开发是当今互联网行业最为热门的领域之一,App的发展也给人们带来了越来越多的便利。其中,火烈鸟作为一款流行的开源App开发平台,备受关注。火烈鸟是一个基于ionic框架的跨平台开源App开发平台,主要面向移动开发人员,它提供了丰富的组件、插件和解决方
2023-06-29
app定制开发外包宁波
随着移动设备的普及和使用频率的不断增高,越来越多的企业开始重视移动端业务的开发和推广。在这样的趋势下,很多企业会遇到一个问题,就是是否该选择自己开发移动应用程序,还是选择外包给专业的公司进行定制开发。本文就来详细介绍一下,app定制开发外包的原理和具体内容
2023-05-06
android开发考试app的流程图
Android开发考试App的流程图非常重要,它描述了App在各个模块之间的传递,并且确定了操作的顺序。本文将详细介绍Android开发考试App的流程图的原理和实现。首先,考试App的流程图应该包括以下模块:1. 用户管理模块2. 考试管理模块3. 试卷
2023-05-06