如何检测 IOS 上是否已安装 PWA

Question

我有 PWA 角度应用程序，我想向用户显示弹出窗口，表明他/她可以在主屏幕上添加应用程序。

我不希望此通知显示在 PWA 中，而只显示在 IOS Safari 中，因此我使用此检查：

const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone);

当用户已经安装 PWA 时，我也不想在 IOS Safari 上显示此弹出窗口，是否有机会检查 PWA 是否已安装？

Answer 1

true是的，如果用户从 iOS 的主屏幕启动 PWA，该代码将会返回。

您还可以稍微简化您的代码：

const iOSCanInstall = 'standalone' in window.navigator;
const iOSIsInstalled = window.navigator.standalone === true;

这样，您就可以知道他们是否是可以安装您的 PWA 的 iOS 用户，以及他们是否从主屏幕打开了您的 PWA。

如果用户在浏览器中打开 PWA，遗憾的是无法检查它是否已安装。在 Chrome/Edge 中，您可以使用getInstalledRelatedApps()，但遗憾的是这对您的问题没有帮助。