html5新特性:离线存储

2018-11-1513:23:47网页制作Comments2,260 views字数 630阅读模式

HTML5,通过创建 cache manifest 文件,可以创建 web 应用的离线版本。如果要启用应用程序缓存,必须在文档的 <html> 标签中包含 manifest 属性:每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。 manifest 文件的建议的文件扩展名是:".appcache".请注意,manifest 文件需要配置正确的 MIME-type,即 "text/cache-manifest"。必须在 web 服务器上进行配置文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/7871.html

manifest 文件可分为三个部分:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/7871.html

  • CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
  • NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存
  • FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)

下面是个完整的manifest文件: `文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/7871.html

CACHE MANIFEST
2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html5/ /404.html
复制代码

` 离线存储这个功能,通俗的讲,其实就是把web的资源文件存储起来,个人觉得移动端的应用效果会更好一些,毕竟流量贵呀,把一些文件存储起来,这样可以大大的节省流量和服务器的压力,当然同样更多的知识点伙伴们去官网查看吧HTML 5 应用程序缓存文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/7871.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/7871.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/zhizuo/7871.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定