如何在 Android 上的 Chrome 上调试“添加到主屏幕”？答案

【问题标题】：How can you debug "add to home screen" on Chrome on android?如何在 Android 上的 Chrome 上调试“添加到主屏幕”？
【发布时间】：2015-03-10 15:34:55
【问题描述】：

我正在尝试将内部 Web 应用程序添加到 Android 设备的主屏幕进行测试。这应该是一个真正的 chrome 包装的 web 应用程序，具有全屏、自定义图标等。

但它不起作用，而且我看不到任何调试/解决问题的方法。

清单已添加并链接。服务器位于 IP 地址、非标准端口和自签名 SSL 证书上 - 如果这些细节有问题，可能有什么问题吗？

任何有关使其工作的帮助，将不胜感激！

【问题讨论】：

【解决方案1】：

您可以通过多种方式测试配置是否正确。

使用 Mounir Lamouri 的Manifest Validator 看看有没有明显的错误
检查 Chrome 开发工具。
- 如果发现清单和图标（通过link rel=manifest）并且您有服务人员，Chrome 将始终尝试下载它们
- 如果您没有 Service Worker，请从 Android 上的 Chrome 手动执行“添加到主屏幕”（当您通过 USB 调试连接时，请参阅 chrome://inspect），您将看到它获取清单。

如果您没有看到正在下载的清单，那么很可能是您的页面配置错误，因此请确保您的页面中有 <link rel="manifest" href="{url to your manifest}">

【讨论】：

【解决方案2】：

另外，请务必在 chrome://flags 中禁用“绕过用户参与检查”，这样您就可以确保您的 Chrome 浏览器始终满足允许安装的条件

【讨论】：