1、起源
H5之前,所有的网页都必须联网才能访问。PC端没问题,在移动端网络的可靠性变低
2、manifest
是什么
-
manifest
是一个同名后缀为manifest
的文件,在文件中定义那些需要缓存的文件,支持manifest
的浏览器,将会按照manifest
文件的规则进行保存数据,从而在没有网络的情况下,也可以访问 - 当第一次正确配置app cache/manifest.manifest后,再次访问该应用时,浏览器会首先检查manifest是否有变动,如果有变动,则把相应的变化更新下来,同时改变浏览器的app cache,如果没有变动,就会直接把app cache 的资源返回
特点
1、离线浏览:用户可以在离线状态浏览网站旧数据
2、更快的速度:因为数据存储在本地,所以速度更快
3、减轻服务器的负载:浏览器指挥下载在服务器上发生改变的资源
兼容情况
所有主流浏览器都支持离线缓存,除了个性的IE
使用
a.在html
标签中添加一个manifest
属性,用来指定当前页面的manifest
文件
b.创建一个和html
同名的manifest
文件,然后给index.html
文件添加属性
<html manifest='index.manifest'>
c.html
设置完成,后面去操作manifest
文件
manifest
文件的编写
典型写法
CACHE MANIFEST
#version1.3
index.css
index.js
index.html
使用注意事项
- 浏览器器对缓存数据的容量限制可能不太一样某些浏览器限制是每个站点5MB
- 如果
manifest
文件,或者内部列列举的某一个文件不能正常下载,整个更新过程将失败,继续使用老的缓存 - 引用
manifest
的html
必须与manifest
文件同源,在同一个域下
-FALLBACK
中的资源必须和manifest
文件同源 - 当一个资源被缓存后,该浏览器直接请求整个绝对路径也会访问缓存中的资源
- 站点的其它页面即时没有
manifest
属性,请求的资源如果在缓存中也从缓存中访问 - 当
manifest
文件发生改变的时,资源请求本身也会触发更新