【发布时间】：2019-01-23 19:19:44
【问题描述】：
我们希望将我们自己的应用商店打造为一个所有“应用”都是 PWA 的网站。由于人们还没有习惯 PWA 的“添加到主屏幕”功能，我们希望让我们应用商店中的所有应用都能立即启动 PWA 的“添加到主屏幕”功能。
例如，https://pwa.rocks/ 是一个不错的“应用商店”。但要将其添加到主屏幕，用户必须先导航到页面，然后提示他们将其添加到主屏幕。我们想完全跳过第一步。
【问题讨论】：
【发布时间】：2019-01-23 19:19:44
【问题描述】：
您的用例似乎容易被滥用，并且有可能对您的品牌以及客户对 PWA 的一般看法造成严重损害。
但是，要回答您的问题，您可以尝试使用 frames 或 iframes 来实现此目的。以下是显示“添加到主屏幕”横幅的条件：
- 不得已安装 Web 应用程序
- 必须满足用户参与启发式（目前，用户已与域交互至少 30 秒）
- 必须有一个 Web 应用清单，其中包括：
- 短名称或名称
- 图标必须包含 192px 和 512px 大小的图标
- start_url
- 显示必须是以下之一：全屏、独立或最小用户界面
- 必须通过 HTTPS 提供服务（服务工作者需要）
- 必须使用 fetch 事件处理程序注册服务工作者
当满足这些条件时，Chrome 将触发 beforeinstallprompt 事件，您可以使用该事件来提示用户安装您的 Progressive Web App。
其他浏览器有不同的安装条件，或者触发 beforeinstallprompt 事件。
来源：
https://developers.google.com/web/fundamentals/app-install-banners/
【讨论】：
-
谢谢。由于用户必须在页面上停留 30 秒，因此这看起来确实很滥用和奇怪。