首页 > html5+css > html5基础知识 > HTML5的应用程序缓存
2016
12-16

HTML5的应用程序缓存

HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。

浏览器对缓存数据的容量限制可能不太一样(某些浏览器设置的限制是每个站点 5MB)。

应用程序缓存为应用带来三个优势:

离线浏览 - 用户可在应用离线时使用它们

速度 - 已缓存资源加载得更快

减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

一旦应用被缓存,它就会保持缓存直到发生下列情况:

用户清空浏览器缓存

manifest 文件被修改(参阅下面的提示)

由程序来更新应用缓存

1.在index.html里加上<html manifest="test.manifest">

manifest文件的mime-type必须是 text/cache-manifest类型

在w3c中manifest 文件的建议的文件扩展名是:".appcache"。

2.manifest文件格式如下:

CACHE MANIFEST

#上面一句必须

#2016-12-12 v1.0.0

#需要缓存的文件

CACHE:

a.js

b.css

#不需要缓存的文件

NETWORK:

*

#规定当页面无法访问时的回退页面(比如 404 页面)

FALLBACK:

/html5/ /404.html

#如果无法建立因特网连接,则用 "/404.html" 替代 /html5/ 目录中的所有文件:

3.离线存储如果资源有更新,可以通过如下代码来监听,但第一次加载还会是原来的版本

window.applicationCache.addEventListener('updateready',function(e){

if(window.applicationCache.status == window.applicationCache.UPDATEREADY){

window.applicationCache.swapCache();

if(confirm("loding new?")){

window.location.reload()

}

}

},false)

最后编辑:
作者:qingheluo
这个作者貌似有点懒,什么都没有留下。