ServiceWorker
https://gyazo.com/ec597699dd6798cc0757f3caa5ae9b48https://gyazo.com/fa307263ae68c8176ba1685ff1e762bc
MDN: Service Worker API
プログラマブルなProxy
柔軟にオフライン対応・キャッシングができる
Push通知も送れる
IndexedDBが使える
Background Sync
DOMとは完全に別のバックグランドで動く
これを設定するとオフラインモードで動くようになる、というわけではないshokai.icon
オフラインモードとか、assets cacheみたいな仕組みを、自前で実装できるパーツが揃っている
そういう意味で「プログラマブルなProxy」
WebWorkerやSharedWorkerとは別のもの
デバッグ・削除方法
Chromeはchrome://serviceworker-internals/で確認可能
他のドメインのコードもすべてここから読めるので参考になる
Firefoxはabout:debugging#workers or about:serviceworkers
Safariは開発メニューからserviceworker
止めるには手動でやるしかない
code:js
reg = await navigator.serviceWorker.getRegistration('/')
await reg.unregister()
開発時にlocalhost:3000などで登録したservice workerは、削除しないと別のアプリの開発に差し支える