如何在Android上的Chrome上调试"添加到主屏幕"?

Den*_*søe 7 android google-chrome homescreen progressive-web-apps

我试图将一个内部Web应用程序添加到Android设备的主屏幕进行测试.这应该是一个真正的镀铬包装的Web应用程序,具有全屏,自定义图标等.

但它不起作用,我看不到调试/排除问题的方法.

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

任何帮助让这个工作,将不胜感激!

Kin*_*lan 3

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

  • 使用 Mounir Lamouri 的Manifest Validator查看是否有任何明显错误
  • 检查 Chrome 开发工具。
    • 如果(通过 )找到清单和图标link rel=manifest并且您有 Service Worker, Chrome 将始终尝试下载清单和图标
    • 如果您没有 Service Worker,请从 Android 上的 Chrome 手动执行“添加到主屏幕”(当您通过 USB 调试进行连接时,请参阅chrome://inspect),您将看到它获取清单。

正在下载清单

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