免费试用

中文化、本土化、云端化的在线跨平台软件开发工具,支持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。傻瓜式开发app的原理可以简单概括为:使用已有的模板
2024-01-10
jdd亚太巨盾app开发方案
亚太巨盾(JD Shield)是京东云安全团队自主研发的一款基于大数据分析和机器学习的应用安全产品。亚太巨盾APP是亚太巨盾在移动端的应用,为用户提供更加便捷的移动安全保障。亚太巨盾APP的开发方案主要分为以下几个步骤:1. 需求分析:确定亚太巨盾APP的
2023-07-14
app制作行业的app开发需求
随着智能手机的普及,APP制作行业迎来了快速发展。APP,全称为应用程序,是一种为智能手机和平板电脑等移动设备设计的软件。APP的制作分为前端开发和后端开发两个方面,下面我将详细介绍这两个方面的需求和原理。前端开发是指APP的用户界面(UI)设计和交互功能
2023-07-14
app开发者账号转移
当一个app开发者需要将他们的账号转移到另一个人或实体时,这个过程可能涉及到一些复杂的步骤和规定。在本文中,我将详细介绍app开发者账号转移的原理和过程。首先,需要明确一点,app开发者账号转移通常是指将一个开发者账号的所有权和权限转移给另一个人或实体。这
2023-06-29
app开发者解决方案
作为一个网站博主,我非常乐意为您介绍一些关于app开发者解决方案的原理和详细介绍。在这篇文章中,我将向您介绍几个常见的app开发者解决方案,包括开发框架、工具和技术。希望这些信息能够对您有所帮助。1.开发框架:开发框架是app开发的基础,它提供了一套结构和
2023-06-29
app开发框架备选方案
随着移动互联网的普及和发展,越来越多的企业开始意识到移动应用的重要性。在开发过程中,选择合适的开发框架是至关重要的。本文将介绍几种备选方案,帮助开发者快速选择框架。1. React NativeReact Native 是 Facebook 推出的一款跨平
2023-06-29