javascript - 在 Safari iOS 中检测独立模式

Question

我的目标是向我们的网站添加一个 A2HS（添加到主屏幕）横幅，但如果用户正在 PWA 中，则不显示它。我看到网上很多人都在谈论，window.navigator.standalone但它根本不适合我。我已将其添加到我的if声明中：

if( isIos() && window.navigator.standalone ){
  //don't show Add To Home Screen banner
} else {
  //show Add To Home Screen banner
}

这不起作用是有道理的，因为当我window.navigator.standalone在 Chrome 的控制台中输入时，它说这是undefined因为它根本不存在。也就是说，有没有人有解决方案来检测用户是否在移动 Safari 上处于独立模式？提前致谢！

score 0 · Accepted Answer

在运行 iOS 13.3.1 的 iPhone XS 上进行测试后，似乎standalone可以在两个地方使用：

window.navigator.standalone
window.clientInformation.standalone

我现在刚刚在 iPhone 上检查了一个名为“airhorner”的 PWA，两个独立版本都设置为true.

以下是 WebInspector 在独立模式下为“airhorner”PWA 显示的内容：

这是 webInspector 为显示 google.com 的 iOS Safari 显示的内容：

1 回答 1