【调试APP】网页内嵌调试工具eruda 快捷开启移动端网页调试能力

[复制链接]
yimenappLv.7 显示全部楼层 发表于 2023-10-9 16:53:48 |阅读模式 打印 上一主题 下一主题
安卓上架
一门是混合开发框架,大部分业务流都是开发者需要在自己H5或HTML代码里面进行的;

在开发过程中,可能会遇到需要调试APP内代码运行状态的需求。

我们之前提供多种调试方式
USB调试   点击链接查看

由于USB调试需要链接手机,并不是很方便,这里提供一种在线的调试工具

eruda 移动网页快捷调试功能

1.进入一门开发者中心,找到自己需要配置的APP

QQ截图20231009164509.jpg

如图所示:找到打包设置,在页面找到代码

  1. <script src="https://cdn.staticfile.org/eruda/2.11.2/eruda.min.js"></script>
  2. <script>eruda.init()</script>
复制代码


将这一段代码放到自己的HTML网页里面即可。


2.放置好eruda 代码之后,打开APP,即可看到调试小图标
如果没有生效,请检查JS是否放置成功,如遇CDN可刷新一下缓存,或清理一下APP缓存,多次重启APP等操作。
QQ截图20231009165002.jpg
如图,添加好代码之后,在APP内打开即可查看到调试工具小图标
QQ截图20231009165152.jpg
点击调试工具小图标,即可快捷打开调试工具,这里是不是很熟悉,几乎和PC谷歌浏览器F12调试工具一致呢!
这样我们就可以快捷开始调试我们网页在APP内打开的各种问题啦!


www.yimenapp.net 快速将网站转变成APP
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

一门APP打包致力于H5混合APP基础框架领域的前沿探索,专注轻便的移动应用解决方案 提供基于HTML前端页面在各种应用层级的端延展。
  • 官方手机版

  • 微信公众号

  • 微信客服

  • Powered by Discuz! X3.4 | Copyright © 2001-2020, 一门APP. | 一门APP开发平台|热门标签
  • 蜀ICP备17005078号-4 | 川公网安备 51019002001185号 | |成都七扇门科技有限公司