在 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
}

這不起作用是有道理的，因為當我在 Chrome 的控制台中鍵入window.navigator.standalone時，它說它是undefined的，因為它根本不存在。 也就是說，有沒有人有解決方案來檢測用戶是否在移動 Safari 上處於獨立模式？ 提前致謝！

Answer 1

在運行 iOS 13.3.1 的 iPhone XS 上進行測試后，似乎可以在兩個地方使用standalone版：

window.navigator.standalone
window.clientInformation.standalone

我現在剛剛在 iPhone 上檢查了一個名為“airhorner”的 PWA，兩個獨立設備都設置為true 。

以下是 WebInspector 在獨立模式下為“airhorner”PWA 顯示的內容：

以下是 webInspector 顯示的 iOS Safari 顯示 google.com 的內容：