

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

* * *

### 【質問の主旨】

「AMPで作成したサイト」にサービスワーカーをインストールをしているにも関わらず、Chrome developer toolsのCache
Storageにアセットが表示されないのはなぜでしょうか？

### 【質問の補足】

上記【質問の主旨】に対して下記5点を補足説明します。

1\.

【質問の主旨】にある「AMPで作成したサイト」は下記のURLで一般公開しています。  
<https://e-yota-ec.com/article.amp.html>

2\.

【質問の補足】1.のURLにアクセスして、Chrome developer toolsのCache Storageを確認すると、  
"my-site-
cache-v1"という任意で定義した、キャッシュ名は表示されるものの、アセットは表示されません。なおアセットをキャッシュするためにChrome
developer toolsの[Service Workers]→[Application]→[Update on
reload]にはチェックを入れています。

[![画像の説明をここに入力](https://i.stack.imgur.com/d2zYj.jpg)](https://i.stack.imgur.com/d2zYj.jpg)

3\.

「AMPで作成したサイト」のコードはGitHubで公開しています。  
<https://github.com/echizenyayota/e-yota-ec.com/tree/developer_3>

4\.

【質問の補足】3.で公開しているコードでサービスワーカーに関連するファイル（sw.jsとsw-
install.js）は、下記のGoogleの開発者ページをコピペしています（ただしsw.jsで定義した`urlsToCache`は除く）  
<https://developers.google.com/web/fundamentals/primers/service-workers/>

5\.

【質問の補足】4.で紹介したGoogleの開発者ページでは[「つまずきやすいポイント」](https://developers.google.com/web/fundamentals/primers/service-
workers/#_4)が紹介されています。

> 回避策は、`chrome://serviceworker-internals` にアクセスし、[Open DevTools window and
> pause JavaScript execution on service worker startup for debugging]
> にチェックを入れて、install イベントの開始時に debugger 文を記述してください。 これを、Pause on uncaught
> exceptions とともに使用すると、問題が明らかになります。

とありますが、ここに書かれていることやリンクが貼られている`Pause on uncaught exceptions`以降の説明がよく分かりません。

* * *

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


CC BY-SA 4.0
2019-03-14T08:56:10.730
53428
2019-03-14T08:56:10.730
32232
question
javascript google-chrome google-chrome-devtools
Chrome developer toolsのCache StorageにAMPで作成したサイトのアセットが表示されないのはなぜでしょうか？