html5离线

要构建离线应用程序,需要一个以manifest为后缀名的离线清单,清单中包括3类内容,
1.CACHE:需要缓存的文件
2.NETWORK:不需要缓存的文件
3.FALLBACK:包括2个文件,第一个是能在线访问的资源,第二个是如果第一个访问不了的备用资源
list.manifest文件示例

CACHE MANIFEST
#注释以#开头,清单必须以CACHE MANIFEST开头

CACHE
#下面是需要缓存的文件
test.js
test.css
test.jpg
NETWORK
#以下是不需缓存的文件
over.html
about.html
FALLBACK
#加入1.js读取不到就用2.js
1.js 2.js
使用离线清单需要服务器支持text/cache-manifest这个MIME类型。引入离线清单的页面如下,
<!DOCTYPE html>
<html manifest="list.manifest">
...
</html> 
注意事项
1.必须以CACHE MANIFEST开头
2.文件路径可以相对或绝对
3.如果在清单中没有指定是否需要缓存,默认都是cache类型
4.引入清单的页面无需写在清单中,自动缓存
applicationCache对象的属性
window.applicationCache是缓存对象,它有一个status属性,此属性有6个值:0未缓存;1空闲;2检查中;3下载中;4更新就绪;5过期。
applicationCache对象的事件
checking:检查
noupdate:未更新
downloading:下载
progress:进行状态
updateready:更新就绪
cached:空闲
error:错误
obsolete:过期

原文地址:https://www.cnblogs.com/bianyuan/p/2356472.html