(1)简单介绍:h5推出的应用程序缓存,可以对Web页面进行缓存,并且可以在没有网络的情况下进行访问
兼容说明:所有主流浏览器均支持应用程序缓存,除了 Internet Explorer
(2)主要优点:
1)支持离线浏览(没有网络的情况下依然可以查看)
2)速度更快,性能更好(使用缓存文件可以提高访问的速度)
3)减轻服务器端的压力 - 浏览器将只从服务器下载更新过或更改过的资源
(3)代码演示
1)在页面中加载资源文件(图片),调试工具窗口选择(none network)表示网络无法连接
2)新创建xx.appcache文件,在该文件配置要缓存的内容
3)设置html页面中的manifest属性为配置文件路径
(4)配置文件示例
CACHE MANIFEST
CACHE:
# 需要缓存的列表
0.jpg
NETWORK:
# 不需要缓存的
1.jpg
FALLBACK:
# 访问缓存失败后,备用访问的资源,第一个是访问源,第二个是替换文件*.html /offline.html
2.jpg /3.jpg