The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

Service Worker を登録する

監査が重要である理由

以下の Progressive Web App の機能を有効にするには、まず Service Worker の登録をする必要があります。

  • オフライン対応
  • プッシュ通知
  • ホーム画面への追加

監査に合格する方法

数行のコードを記載するだけで Service Worker を登録できます。ただし、上記の Progressive Web App の機能を実装する目的でのみ、Service Worker を利用するようにしてください。 これらのアプリの機能を実装するには、さらに作業が必要です。

Service Worker でファイルをキャッシュしてオフラインでの使用を可能にする方法については、Lighthouse のドキュメント「オフライン時に URL でステータスコード 200 を返す」 の「監査に合格する方法」の内容をご覧ください。

プッシュ通知や "Add to Homescreen" 機能を有効にするには、以下のチュートリアルのステップを一通り実行して、学習した内容をもとに自身のアプリにこれらの機能を追加してください。

監査方法

このセクションでは Lighthouse による監査方法と監査スコアの算出方法を説明します。

Chrome Debugger によって Service Worker のバージョンが返されるかチェックします。