SW Install and Caching Example | SWのインストールとキャッシュの例

Open dev-tools (Ctrl+Shift+C or F12 for Chrome).
Under "Application" tab select "Service worker".
Here you can confirm current Service Worker status.
You can also check Service Worker source code by clicking on blue sw.js label (depends on filename of sw)

dev-toolsを開きます(Ctrl+Shift+CまたはChromeの場合はF12)。
アプリケーション」タブで「サービスワーカー」を選択します。
ここで現在のサービスワーカーの状態を確認できます。
青いsw.jsラベルをクリックすると、Service Worker のソースコードを確認することもできます(SWのファイル名によって異なります)。

Service Worker caches this page and creates one extra entry artificially.
You can confirm existing caches by opening "cache storage".
It should contain index.html and /todo/list

Service Workerはこのページをキャッシュし、1つ余分なエントリーを作成します。
キャッシュストレージを開くことで、既存のキャッシュを確認できます。
index.html/todo/listが含まれているはずです。