html5 appCache缓存--个人总结

来源：互联网发布：人工智能软件小冰下载编辑：程序博客网时间：2024/06/12 23:05

一、使用appCache的原因
用web方式实现的app，能够实现跨平台、快速部署、快速发布的优势，但又面临者网络的强依赖，对网速和流量有较高要求。使用appCache 能解决web离线缓存问题，主要用于储存静态资源。

二、定义
HTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。具体表现为当请求某个文件时不是从网络获取该文件，而是从本地获取。

三、优点
1、离线浏览 - 用户可在应用离线时使用它们
2、提升页面载入速度 - 已缓存资源加载得更快
3、降低服务器负担 - 浏览器将只从服务器下载更新过或更改过的资源

四、使用
1、服务器端需要维护一个manifest清单
manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。
manifest 文件可分为三个部分：
（1）CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存，等价于CACHE：
（2）NETWORK - 在此标题下列出的文件需要与服务器的连接，且不会被缓存
（3）FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）

例如：添加文件index.appcache

CACHE MANIFESTCACHE:# 需要缓存的列表style1.css1.jpg01.jshttp://localhost/applicationcache/02.jshttp://localhost/applicationcache/zepto.jsNETWORK:# 不需要缓存的4.jpgFALLBACK:# 访问缓存失败后，备用访问的资源，第一个是访问源，第二个是替换文件*.html /offline.html2.jpg/3.jpg

2、修改index.html

<html manifest="index.appcache">

五、更新缓存
一旦应用被缓存，它就会保持缓存直到发生下列情况：
1、用户清空浏览器缓存
2、manifest 文件被修改
3、由程序来更新应用缓存

注：更新index.appcache会导致所有文件都重新请求，但当次并不生效而是要等到下一次请求才能生效，当次显示还是采用之前缓存过得文件。

参考

http://blog.csdn.net/liqinghua1653/article/details/31387761
http://www.cnblogs.com/yexiaochai/p/4271834.html

0 0