在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件。
原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示。

如何使用:
1、页面头部像下面一样加入一个manifest的属性;
2、在cache.manifest文件的编写离线存储的资源;
CACHE MANIFEST
#v0.11
CACHE:
js/app.js
css/style.css
NETWORK:
resourse/logo.png
FALLBACK:
/ /offline.html
3、在离线状态时,操作window.applicationCache进行需求实现。

相关文章:

  • 2021-12-18
  • 2022-12-23
  • 2021-11-05
  • 2021-12-03
  • 2021-07-09
  • 2021-06-14
猜你喜欢
  • 2021-10-04
  • 2022-12-23
  • 2021-08-08
  • 2021-11-21
  • 2021-12-06
  • 2021-10-13
相关资源
相似解决方案