强制 SPA 添加到主屏幕弹出窗口即使在添加到主页后也会显示

Posted 2023-03-14

【中文标题】强制 SPA 添加到主屏幕弹出窗口即使在添加到主页后也会显示

【英文标题】：Force SPA Add to home screen popup to display even after adding to home

【发布时间】：2018-06-06 16:52:25

【问题描述】：

我正在使用 react JS 开发 PWA

有一个要求，我们需要在应用第一次添加到主屏幕后显示添加到主屏幕

任何机构都可以建议这是否可行以及如何实现？

信息：这个应用程序主要在 Google Chrome 和 Safari 上运行

【问题讨论】：

这个答案是否解决了您的问题？如果没有，请添加更多信息，说明为什么即使在安装后仍需要显示安装横幅，以查看我们有哪些替代选项。

您好 Anand，您是对的，该用例无法在实际环境中使用，只能在某些开发环境或目标系统中使用，我们需要这个，因为我们的一个客户有这个奇怪的要求，您知道客户有时会期望太多但我们确实通知客户这是不可能的，因为它在 chrome 和 safari 中是不允许的，感谢您的时间@Anand

我接受这是正确的答案，因为这通常是不可能的，也许我们可以尝试其他方法

【参考方案1】：

Refer to this answer.你根本做不到，除非你想在特定的开发/测试机器上设置下面的 chrome 标志，

chrome://flags/#bypass-app-banner-engagement-checks

您不能指望所有最终用户都设置此标志，因此这不可能是所有真实用户的解决方案。

对于任何其他用例，我也不明白为什么即使在添加到主屏幕之后也必须显示横幅。由于显而易见的原因，浏览器不允许这样做。如果将提示留给开发人员，这将使用户感到烦恼。链接的答案对此有更多说明。

【讨论】：

你说得对，我发现这通常是不可能的，所以我们可以改天试试别的方法