如何在 android 上调试 Chrome 上的 "add to home screen"?

How can you debug "add to home screen" on Chrome on android?

我正在尝试将内部 Web 应用程序添加到 android 设备的主屏幕以进行测试。这应该是一个真正的 chrome-wrapped 网络应用程序,具有全屏、自定义图标等。

但它不起作用,我看不出 debugging/troubleshooting 问题的解决方法。

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

如能提供帮助,我们将不胜感激!

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

  • 用Mounir Lamouri的Manifest Validator看看有没有明显的错误
  • 检查 Chrome 开发工具。
    • Chrome 将始终尝试下载清单和图标(如果找到它们(通过 link rel=manifest)并且您有服务人员
    • 如果您没有服务工作者,请在 Android 上从 Chrome 手动执行 "add to homescreen"(当您通过 USB 调试连接时,请参阅 chrome://inspect)你会看到它获取清单。

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

此外,请务必在 chrome://flags 中禁用 "bypass user engagement checks",这样您就可以确定您的 Chrome 浏览器将始终满足允许安装的条件