hack のためのネタ帳, etc,,,

状況

20200326: Install 可能な PWA と Share Target で、Install 可能な PWA を作ってみたのだが、サーバー側上 HTML を更新しても、ブラウザ側に反映されない。
F5 は全く効果がなく、Ctrl+F5 すると反映されるが、再度 F5 を押すと前の表示に戻ってしまう。

原因

Install 可能な PWA にするため、Service Worker を導入したことが原因だった。
Firefox で「≡」→「ウェブ開発」→「ネットワーク」を開いて観察してみると「転送量」の箇所が Service Worker となっており、どうやら Service Worker のキャッシュを見に行っているらしいことが分かった。
Service Worker 削除」でググってみたところ、以下のページを見つけた。
MDN だと以下の辺り。
  • MDN / Web technology for developers / Web APIs
    • ServiceWorkerRegistration / ServiceWorkerRegistration.unregister() # Examples
    • Cache / Cache.keys() # Examples

今回のケースでは、cache には特に登録してなかったので、ServiceWorkerRegistration さえ消しとけば更新したファイルが反映された。

コメントをかく


「http://」を含む投稿は禁止されています。

利用規約をご確認のうえご記入下さい

Wiki内検索

フリーエリア

管理人/副管理人のみ編集できます