免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持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开发
随着互联网的发展,任务大厅这类应用越来越受到人们的关注。任务大厅是一种在线平台,为用户提供了便利的服务。通过任务大厅,用户可以发布自己需要完成的任务,也可以接受其他人发布的任务并获取相应的报酬。任务大厅的开发涉及到多个方面的知识,下面将对其原理和详细介绍进
2024-01-10
ionic开发app实例
Ionic是一个基于HTML、CSS和JavaScript的开源移动应用框架,用于开发跨平台的移动应用程序。它可以通过编写一次代码,即可在iOS、Android和Web等不同平台上构建高质量的移动应用。Ionic的工作原理是将HTML、CSS和JavaSc
2023-07-14
html5 开发app框架
HTML5开发APP框架是一种用于开发跨平台移动应用程序的技术,它结合了HTML5、CSS3和JavaScript等技术,能够在不同的操作系统和设备上运行。本篇文章将详细介绍HTML5开发APP框架的原理和使用方式。一、HTML5开发APP框架的原理HTM
2023-07-14
app怎么开发又快又清晰
开发一个快速又清晰的App需要多方面的考虑和实践。在下面的文章中,我将介绍一些关键的原理和方法,以帮助你在App开发过程中提高效率和质量。1.确定需求:在开始开发之前,清晰地了解你的目标用户和项目需求是至关重要的。通过与团队成员和项目干系人的讨论,确保你理
2023-07-14
app开发diy个性定制
标题:DIY个性定制APP开发教程随着移动互联网的日益普及,手机APP日渐成为人们生活中不可或缺的存在。定制个性化的APP,不仅可以满足我们生活工作的需求,还可以展现自己的独特魅力。本文将为您介绍APP开发的简要原理和步骤,帮助您实现DIY个性定制APP的
2023-06-29
apicloud手机app开发
Apicloud是一款集成式移动应用开发平台,它采用云端研发方式,在无需下载和安装本地IDE的情况下,可以完成一款完整的原生应用的开发工作,非常适合新手和中级开发者进行移动应用的快速开发。Apicloud的特点Apicloud主要特点就是:1. 容易上手:
2023-05-06