web-dev-qa-db-ja.com

PWA:プログラムでトリガーする方法:「ホーム画面に追加」? iOS Safari

最近、サーバーレンダリングされたプログレッシブWebアプリをリリースしました。ただし、Androidを使用してchromeを使用すると、アプリをダウンロードするためのバナーが表示されますが、iOSには表示されません。 Safariを使用すると、ユーザーは「ホーム画面に追加」機能にアクセスするのに数回クリックする必要がありますが、これは悪いことです。

PWAには満足していますが、このアプリをホームスクリーンに追加できることをユーザーに伝えたいと思っています。

私が覚えている限りでは、ホーム画面にプロトタイプを追加するために https://marvelapp.com/ を実行しているのを見ました。

19

iOS-現在、SafariはAndroid-ChromeなどのWebアプリインストールバナーをサポートしていません。

Before-InstallPromotをキャッチし、それを使用してバナーを表示する場合を除き、 プログラムでトリガーする方法はありません Androidにもバナーをインストールします。

リンクされた回答では、アプリのバナーに表示する方法の代替オプションをチェックして、ホーム画面に追加するようユーザーをガイドできます。 ここ は同じもののコード例であり、iOS固有です(#PROTIP 3を参照)。

15
Anand