一门APP开发教程

标题: 【调试APP】网页内嵌调试工具eruda 快捷开启移动端网页调试能力 [打印本页]

作者: yimenapp 时间: 2023-10-9 16:53
标题: 【调试APP】网页内嵌调试工具eruda 快捷开启移动端网页调试能力
一门是混合开发框架，大部分业务流都是开发者需要在自己H5或HTML代码里面进行的；

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

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

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

eruda 移动网页快捷调试功能

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

(, 下载次数: 130)

如图所示：找到打包设置，在页面找到代码

<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等操作。
(, 下载次数: 136)
如图，添加好代码之后，在APP内打开即可查看到调试工具小图标
(, 下载次数: 124)
点击调试工具小图标，即可快捷打开调试工具，这里是不是很熟悉，几乎和PC谷歌浏览器F12调试工具一致呢！
这样我们就可以快捷开始调试我们网页在APP内打开的各种问题啦！

欢迎光临一门APP开发教程 (https://bbs.yimenapp.com/)