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
が含まれているはずです。