资讯专栏INFORMATION COLUMN

前端存储 (5) - service worker 离线存储

Near_Li / 613人阅读

摘要:离线存储简介一般的网站在我们无法访问的时候一般回出现如下该网页无法访问构建的网站不会出现这个错误,因为所有的请求都是先经过在往后端发送,在没有网的情况下,就回出现预先声明的内容,先缓存了预先声明的文件类似如下创建步骤先注册声明哪些文件需要

service worker 离线存储

简介:

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

service worker 构建的网站不会出现这个错误,因为所有的 请求都是先经过 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.ucloud.cn/yun/96185.html

相关文章

  • 【PWA学习与实践】(3) 让你的WebApp离线可用

    摘要:学习与实践系列文章已整理至学习手册,文字内容已同步至。本文是学习与实践系列的第三篇文章。引言其中一个令人着迷的能力就是离线可用。但是,如果你注意到文章开头的图片就会发现,离线时我们不仅可以访问,还可以使用搜索功能。 《PWA学习与实践》系列文章已整理至gitbook - PWA学习手册,文字内容已同步至learning-pwa-ebook。转载请注明作者与出处。 本文是《PWA学习与实...

    since1986 评论0 收藏0
  • 渐进式Web应用(PWA)入门教程(下)

    摘要:渐进式应用入门教程上在这一节中,我们将介绍的原理是什么,它是如何开始工作的。第一步使用渐进式应用程序需要使用连接。优先旋转方向,可选的值有显示方式无,和原生应用一样,最小的一套控件集或者最古老的使用浏览器标签显示一个包含所有图片的数组。 上篇文章我们对渐进式Web应用(PWA)做了一些基本的介绍。 渐进式Web应用(PWA)入门教程(上) 在这一节中,我们将介绍PWA的原理是什么,它是...

    NotFound 评论0 收藏0
  • 【译】渐进式 Web App 的离线存储

    摘要:离线存储数据的建议对寻址资源,使用这是的一部分。在到达储量限制之前,两种存储机制都会一直进行存储。则没有对存储量做出限制,只是在之后会弹出提醒。是异步的基于回调函数,但它同样不支持。也是异步的基于回调函数,在和中可以工作虽然使用的是同步。 拖拖拉拉好久,终于把个人博客整出来了。鸣谢 @pinggod。 厚着脸安利一下,地址是 http://www.wemlion.com/。欢迎访问,欢...

    Joyven 评论0 收藏0
  • 【译】渐进式 Web App 的离线存储

    摘要:离线存储数据的建议对寻址资源,使用这是的一部分。在到达储量限制之前,两种存储机制都会一直进行存储。则没有对存储量做出限制,只是在之后会弹出提醒。是异步的基于回调函数,但它同样不支持。也是异步的基于回调函数,在和中可以工作虽然使用的是同步。 拖拖拉拉好久,终于把个人博客整出来了。鸣谢 @pinggod。 厚着脸安利一下,地址是 http://www.wemlion.com/。欢迎访问,欢...

    Charlie_Jade 评论0 收藏0
  • Viewer模型加载本地离线缓存实战

    摘要:本文将介绍来自顾问团队的国际同事原创的缓存范例,利用广泛用于开发的典型接口实现。因而在缓存模型时,可以调用该接口缓存所有相关的,无需用到。代码示例我们制作了让用户选择模型作离线缓存的例子,查看代码请访问,在线演示请访问。 演示视频:http://www.bilibili.com/video... 由于Autodesk Forge是完全基于RESTful API框架的云平台,且暂时没有本...

    oogh 评论0 收藏0

发表评论

0条评论

Near_Li

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<