以下のページ
1番目と3番目が意外といやらしくて、特にアイコンは単に用意されてればよいというわけではなくある程度のサイズが必要だった。
厳密な閾値までは確認してないが、96x96 以下だと駄目で、128x128 以上なら大丈夫だった。
Service Worker は fetch イベントを拾っておく必要がある。
あと、Android の Chrome は、インストール可能な PWA のページを開いた際、下部に「[アイコン]ホーム画面に〜追加」ってバナーが出るけど、このバナーは一度閉じたり、一度インストールした PWA をアンインストールすると、再度表示されなくなってしまう。
これはアドレス欄の左側にある錠マークか、「︙」→(i)から「サイトの設定」を開き、そのサイトの「データを削除してリセット」すると再度表示されるようなのだが、この方法にたどり着くまでえらく苦労した。
アプリ間のデータ共有機能(共有ボタン)の受け側に登録するには manifest に share_target を書いとけばよいらしい。
以下のリポジトリのサンプルが分かり易かった。
ただ、title, text は飛んでくるのだが、url は飛んでこなかった。
ひょっとして Android と iOS とで違うのかも?
2020-03-27: 追記
アイコンサイズは以下に 192x192 が必要って書いてあった。
- MDN / 開発者向けのウェブ技術 / プログレッシブウェブアプリ / PWA をインストール可能にするには
- 正しくフィールドが入力されたウェブマニフェスト
- 安全な(HTTPS)ドメインから提供されるウェブサイト
- デバイス上のアプリを表すアイコン
- アプリをオフラインで動作させるために登録されたサービスワーカー(現時点では Android の Chrome にのみ必要です)
1番目と3番目が意外といやらしくて、特にアイコンは単に用意されてればよいというわけではなくある程度のサイズが必要だった。
厳密な閾値までは確認してないが、96x96 以下だと駄目で、128x128 以上なら大丈夫だった。
Service Worker は fetch イベントを拾っておく必要がある。
あと、Android の Chrome は、インストール可能な PWA のページを開いた際、下部に「[アイコン]ホーム画面に〜追加」ってバナーが出るけど、このバナーは一度閉じたり、一度インストールした PWA をアンインストールすると、再度表示されなくなってしまう。
これはアドレス欄の左側にある錠マークか、「︙」→(i)から「サイトの設定」を開き、そのサイトの「データを削除してリセット」すると再度表示されるようなのだが、この方法にたどり着くまでえらく苦労した。
アプリ間のデータ共有機能(共有ボタン)の受け側に登録するには manifest に share_target を書いとけばよいらしい。
以下のリポジトリのサンプルが分かり易かった。
- GitHub / WICG / web-share-target
ただ、title, text は飛んでくるのだが、url は飛んでこなかった。
ひょっとして Android と iOS とで違うのかも?
2020-03-27: 追記
アイコンサイズは以下に 192x192 が必要って書いてあった。
- Google Developers / Web / Tool s for Web Developer / Lighthouse / Progressive Web App / マニフェストで少なくとも 192px のアイコンを定義する
タグ
コメントをかく