禁止在 iOS 上安裝 PWA，只添加到主屏幕的快捷方式

Question

我有一個 PWA 在 Android 上運行良好，但由於 iOS 對 PWA 施加的限制（特別是訪問實時相機幀）而在 iOS 上癱瘓。 在 Safari 中查看時，該應用程序運行良好。 這是違反直覺的，但不幸的是。

有沒有辦法告訴 iOS 它不應該“安裝”PWA，而只是在主屏幕上創建一個快捷方式並在常規 Safari 中打開它？ 像任何ol'網站？

或者我是否需要一個不包含 manifest.json 引用的特定於 iOS 的 index.html？ PWA 是一個單頁的 Angular 應用程序。

Answer 1

回答我自己的問題。 我設法通過以編程方式刪除 AppComponent 的 OnInit 掛鈎中的清單元素來解決此問題。

在 index.html 中：

<link rel="manifest" href="manifest.json" id="manifest-link">

在 AppComponent 中：

ngOnInit() {

   // ... platform detection
   if (isiOS) {
       const element = document.getElementById('manifest-link');
       console.log(`Removing manifest element on iOS, should suppress PWA installation`);
       element.remove();
    }
}