[レベル: 上級]
Chrome での PWA インストールの要件が変更になります。
オフラインを実際にサポートしている必要があります。
Chrome 93 で変更が適用される予定ですが、リリースされたばかりの Chrome 89 ではオフラインサポートしていないと警告が出ます。
実際のオフラインサポートがPWAインストールの条件に
Web担当者Forum の連載コラムで取り上げたように、Chrome での PWA インストール要件が変わります。
[PC 版 Chrome での PWA インストール]
インストール可能にするにはオフライン対応している必要があり、そのチェック体制が厳しくなります。
技術的に言うと、これまでは、Service Worker に fetch イベントがあれば適合していました。
実際にはオフライン対応していなくても問題なかったのです（Chromeにそこまで検証する機能がなかった）。
しかし、今後は本当にオフライン対応していなければならなくなります。
Chrome は次をチェックします。
- Service Worker がそのページにインストールされていること
- Service Worker が
fetchイベントを設定していること - インストールした Service Worker の
fetchイベントが、シミュレーションしたオフラインモードで 200 の HTTP ステータスコードを返すこと
すでにインストールされている PWA には影響しませんが、これらの条件を満たしていないと Chrome では PWA を新規インストールできなくなります。
インストール要件の変更は Chrome 93 で適用されます。
Chrome 93 は今年後半にリリース予定です。
Chrome 89 のデベロッパーツールで警告
PWA のインストール機能を実装しているサイトは、オフラインを適切にサポートしているかどうかを確認してください。
Chrome 89 のデベロッパーツールで検証できます。
Chrome 89 は 3 月 2 日（昨日）にリリースされました。
デベロッパー ツールの [Application] タブで [Manifest] を選択します。
オフライン対応していないとキャプチャのような警告が出ます。
Page does not work offline. Starting in Chrome 93, the installablity criteria is changing, and this site will not be installable. https://developer.chrome.com/blog/improved-pwa-offline-detection/ for more information.
ページがオフラインで機能しません。Chrome 93 からは、インストール機能の要件が変わります。このサイトはインストールできなくなるでしょう。詳細は https://developer.chrome.com/blog/improved-pwa-offline-detection/ で確認してください。
警告が出ていなければ何も問題ありません。
インストール可能のままです。
対応不要です。
もし警告が出ていたら、オフライン対応するように PWA を修正してください。
今は警告だけでインストールできますが、最終的にはインストールできなくなります。
【UPDATE (04/16/2021)】
保留になりました。
詳細はこちらの記事で。