HTML5新增了离线应用,离线应用使得我们可以在网页或应用在没有网络的情况下依然可以使用。
离线应用的使用需要以下几个步骤:
离线检测(确定是否联网)
访问一定的资源
有一块本地空间用于保存数据(无论是否上网都不妨碍读写)
使用HTML5离线web应用
1、检查浏览器的支持情况的方法
if(window.applicationCache){
//浏览器支持离线应用
}
2、关于描述文件
描述文件用来列出需要缓存和不需要缓存的资源,以备离线时使用。
描述文件的扩展名以前用.manifest,现在推荐使用.appcache,并且描述文件需要配置正确的MIME-type,即"text/cache-manifest",必须在web服务器上进行配置(文件编码必须是UTF-8)。不同的服务器有不同的配置方法,具体这里不详述。
首行必须以以下字符串开始
CACHE MANIFEST
剩下的就是要缓存的文件的URL,一行一个(相对URL是相对于清单文件而言的,不是相对于文件)
#以“#”开头的是注释
common.css
common.js
这样这个文件中列举的所有的文件都会被缓存
在清单中,可以使用特殊的区域头来标识头信息之后的清单项的类型,上面的最简单的缓存属于"CACHE:"区域。
像这样
#该头信息之后的内容需要缓存
CACHE:
common.css
connom.js
以"NETWORK:"开头的区域列举的文件&#