20200326: Install 可能な PWA と Share Target で、Install 可能な PWA を作ってみたのだが、サーバー側上 HTML を更新しても、ブラウザ側に反映されない。
F5 は全く効果がなく、Ctrl+F5 すると反映されるが、再度 F5 を押すと前の表示に戻ってしまう。
F5 は全く効果がなく、Ctrl+F5 すると反映されるが、再度 F5 を押すと前の表示に戻ってしまう。
Install 可能な PWA にするため、Service Worker を導入したことが原因だった。
Firefox で「≡」→「ウェブ開発」→「ネットワーク」を開いて観察してみると「転送量」の箇所が Service Worker となっており、どうやら Service Worker のキャッシュを見に行っているらしいことが分かった。
「Service Worker 削除」でググってみたところ、以下のページを見つけた。
MDN だと以下の辺り。
今回のケースでは、cache には特に登録してなかったので、ServiceWorkerRegistration さえ消しとけば更新したファイルが反映された。
Firefox で「≡」→「ウェブ開発」→「ネットワーク」を開いて観察してみると「転送量」の箇所が Service Worker となっており、どうやら Service Worker のキャッシュを見に行っているらしいことが分かった。
「Service Worker 削除」でググってみたところ、以下のページを見つけた。
- Qiita / igara / 2016-04-11: 閲覧しているサイトのServiceWorkerの登録削除とCache APIのキャッシュを全て削除するJSコード
MDN だと以下の辺り。
- MDN / Web technology for developers / Web APIs
今回のケースでは、cache には特に登録してなかったので、ServiceWorkerRegistration さえ消しとけば更新したファイルが反映された。
タグ
コメントをかく