前端存储 (5)

service worker 离线存储

简介:

一般的网站 在我们无法访问的 时候 一般 回出现 如下 该网页无法访问

该网页无法访问

service worker 构建的网站不会出现这个错误,因为所有的 请求都是先经过 service work

在往后端发送,在没有网的情况下,就回出现 预先声明的内容,先缓存了预先声明的文件 类似 如下

service work

创建 步骤

  • 先注册 service-worker
  • 声明哪些文件需要缓存起来

具体MDN写的非常清晰,我就不贴代码了

要求

只能是https环境,在本地开发的时候,localhost 是可以用http的,但上了生产环境必须得是https 不然不生效

demo

https://mdn.github.io/sw-test/

文档参见

https://developer.mozilla.org...
https://lavas.baidu.com/pwa/o...

文章来自胡城的个人网站

原文地址:https://www.cnblogs.com/twodog/p/12136456.html