プログレッシブ ウェブアプリのオフライン サポートの検出機能を改善

Penny McLachlan
Penny McLachlan

プログレッシブ ウェブアプリ(PWA)は、 モバイルおよびウェブアプリ向けのウェブ テクノロジーを使用して、最新のインストール可能なアプリケーションを構築します。 できます。

最新のウェブ エクスペリエンスを構築するための基準の一つであり、 デバイスが予期せず動作していたとしても、アプリが動作し続けることが はオフラインです。ユーザーがネットワークを失っても、Chrome Dino の画面は表示されなくなります できます。

PWA の要件はすべて、ユーザーが高いレベルのパフォーマンスを実現できるようにすることを目標としています。 高品質で優れたエクスペリエンスをユーザーに提供できます。Chrome のパフォーマンス インストールを有効にする前に PWA の条件に照らしてチェックする 実装しています

すべてのコアを満たすアプリのみ プログレッシブ ウェブアプリのインストール可能性の基準(サポートを含む) をオフライン モードで使用する場合は、Chrome からデバイスにインストールできます。

以前のオフライン検出ロジック

オフライン サポートの検証を PWA のインストール可能性の一部に組み込み 評価してきました。最近まで、Chrome には Service Worker を介したリクエストをシミュレートできるため、 オフラインでの正しい挙動が不可能でした。

Service Worker の図

つまり、Chrome では fetch が動作しているかどうかを検証できていませんでした。 オフライン チェック中に、イベント ハンドラが HTTP 200 で有効なリソースを返しました。 Chrome では、Service Worker に実際に fetch ハンドラがあったかどうかのみが確認されました。

オフライン検出ロジックを更新しました

Chrome 89 では、 改善されたオフライン検出ロジックにより、 実際にオフライン サポートを行う必要がありません。

この新しい機能を使用して、PWA が有効な オフラインでも表示できますが、計画が保留になっています。インストール可否チェック ページに Service Worker がある場合は、引き続き fetch イベント ハンドラ。

デベロッパーへの影響

現時点では変更の必要はありませんが、 更新済みのロジックを使用して、Google が有効な 後で行うことをおすすめします。

どのようなオフライン体験を提供するかは、あなた次第です。 一方の端にあるのは、完全に機能するオフライン エクスペリエンスです。つまり 必要なすべてのリソースとデータを事前にキャッシュし、データを サーバーに確実に応答します。キャッシュ リソースも、 ウェブに関する主な指標: ダウンロードする必要がないため ネットワークから自動的に選択されます。対極にあるのは カスタムのオフライン代替ページ

[診断]ページの Chrome 90 前後に、デベロッパー ツールの [問題] タブが削除されます。