お世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。


【質問の主旨】

JavaScriptのコードをクライアントマシンのNode.jsで実行しているにも関わらず、Chrome developer toolsのCache Storageにアセットが表示されない(1.png)のはなぜでしょうか?

(参考ページ)
https://developers.google.com/web/tools/chrome-devtools/manage-data/local-storage?hl=ja#application-cache

【質問の補足】

【質問の主旨】について以下5点を補足します。

1.

Cache Storageにアセットするために使用しているJavaScriptのコードは以下のGitHubで公開しているURLです。

https://github.com/webopt/ch9-service-workers/blob/master/htdocs/sw-install.js
https://github.com/webopt/ch9-service-workers/blob/master/htdocs/sw.js

sw-install.jsとsw.jsには何も記述されていませんが、下記のhackmdのURLにそれぞれ追記しています。
https://hackmd.io/6c2T_isvR8iKIF3peIE9jg

2.

developer toolで[Application]→[Service Workers]を表示させると、Service Workerは動作しているように見えます(2.png)。

3.

1.pngと2.pngの画像はローカル開発環境(http://localhost:8080/)で表示させています。

4.

今回の質問内容やコードについては、「Webサイトパフォーマンス実践入門」という本のP228からP229を参考にしています。

https://www.shoeisha.co.jp/book/detail/9784798155098

5.

stackoverflowで質問投稿をする前に、Google Chromeのヘルプフォーラムで質問をしました。
その回答でヘルプフォーラムで質問するよりこちらで質問をした方が良いと勧められ投稿しました。


以上、ご確認のほどよろしくお願い申し上げます。

画像の説明をここに入力