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

时间:2015-03-10 15:34:55

标签: android google-chrome homescreen progressive-web-apps

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

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

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

任何有关让这项工作得到帮助的帮助,将不胜感激!

2 个答案:

答案 0 :(得分:3)

有几种方法可以测试,看看你的配置是否正确。

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

manifest being downloaded

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

答案 1 :(得分:1)

另外,请务必在chrome://flags中停用“绕过用户互动检查”,这样您就可以确定Chrome浏览器始终符合允许安装的条件

enter image description here