认识 service worker

Posted 2020-09-18 zhangce

离线缓存可以提升用户体验，可以节省网络资源，但是，浏览器对资源缓存和自定义网络请求的控制一直不够完善，service worker 的出现就是为了解决这些问题

它可以解决目前离线应用的问题，同时也可以做更多的事。 Service Worker 可以使应用先访问本地缓存资源，所以在离线状态时，在没有通过网络接收到更多的数据前，仍可以提供基本的功能（Offline First）。这是原生APP 本来就支持的功能，这也是相比于 web app，原生 app 更受青睐的主要原因。

 

开始使用

 有些浏览器版本很多特性没有默认开启，谷歌浏览器可以通过chrome://flags查看并设置这些配置，使用service worker 需要启用experimental-web-platform-features并重启浏览器

 另外，出于安全原因，Service Workers 要求要在必须在 HTTPS 下才能运行。Github 是个用来测试的好地方，因为它就支持HTTPS。为了便于本地开发，localhost 也被浏览器认为是安全源。