如何触发PWA的“添加到主屏幕”提示?

时间:2018-08-20 04:42:11

标签: progressive-web-apps

我有一个带有清单和服务人员的PWA设置,因此,如果我选择菜单下的“添加到主屏幕”按钮,则可以在Android的Chrome中手动添加到主屏幕。我还验证了可以在Chrome浏览器中将其添加为网络应用的台式机。

但是,似乎仅根据Google选择的启发式方法弹出安装横幅。用户必须与网站互动30秒等。

我想要的是主页上的一个按钮,这样当我触发它时,“添加到主屏幕”横幅会自动在Chrome中弹出。我该怎么做?

我想要类似于此示例站点上的“安装”按钮的内容:http://airhorner.com,它可以手动触发横幅。但是,我想要的是一个最小的工作示例来证明这一点。

1 个答案:

答案 0 :(得分:0)

首先要检查的是Chrome审核工具。
运行渐进式Web App审核
在“通过审核”下,您应该看到
---“可以提示用户安装Web应用”

关于A2HS的注意事项
这里是我的工作示例的源代码链接
https://ng-chicago.github.io/2018/06/18/add-2-home-screen/
还有我用过的参考文章

测试A2HS的大部分工作是不断清除浏览器和以前的安装版本(Chrome台式机和移动设备)以再次进行测试。

相关问题