免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持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开发的价格则受到多种因素的影响。一、
2024-01-10
mac开发app哪个语言块
在Mac开发中,有多种语言可以用来开发应用程序。下面我将对其中几种常用的语言进行原理和详细介绍。1. Objective-CObjective-C是Mac开发的传统语言,于20世纪80年代由Brad Cox以及StepStone公司开发。这门语言是在C语言
2023-07-14
app小程序公众号开发运营
小程序、公众号和App是互联网领域中常见的三种应用形式。它们各自有不同的特点和适用场景。在本文中,我将详细介绍小程序、公众号和App的开发和运营原理。首先,让我们来了解一下小程序。小程序是微信推出的一种轻量级应用,用户可以通过微信搜索和扫码快速进入。小程序
2023-07-14
app开发源码网
在互联网时代,移动应用开发成为了一个热门的领域。越来越多的人开始学习和尝试开发自己的移动应用程序。为了帮助初学者更好地入门,有许多网站提供了各种各样的app开发源码。1. Github(https://github.com/)是一个非常著名的代码托管平台,
2023-06-29
app弹出窗口怎么开发
移动应用程序通常包括一个弹出窗口(也称为模态窗口),用于向用户显示额外的信息或获取用户输入。在这篇文章中,我们将讨论开发一个弹出窗口的原理和详细介绍。实现弹出窗口主要有两种方法:1. 利用ViewController来显示一个模态窗口2. 利用自定义Vie
2023-05-06
app定制开发哪家比较好
近年来,随着移动互联网的发展,越来越多的企业开始关注移动应用程序的开发,以满足消费者的需求。这种趋势也引发了许多公司和个人开始涉足app定制开发。在如此激烈的竞争环境中,选择一家可靠的定制开发公司是非常重要的。以下是一些选择移动应用程序定制开发公司的因素:
2023-05-06