HTML5 构建简单的离线应用程序

HTML5新增了离线应用，使得网页或应用在没有网络的情况下依然可以使用。

离线应用的使用需要以下几个步骤：

    01.离线检测（确定是否联网）。

    02.访问一定的资源。

    03.有一块本地空间用于保存数据（无论是否上网，都不妨碍读写）。

当然，首先需要对浏览器进行检测，看一下浏览器是否支持离线Web应用，代码如下:

    if(window.applicationCache){

    //浏览器支持离线应用

    alert ("您的浏览器支持离线应用")

    }else{

    //浏览器不支持离线应用

    alert ("您的浏览器弱爆了,不支持离线应甩，快去");

    }

    描述文件用来列出需要和不需要缓存的资源，以备离线时使用。描述文件的扩展名以前用.manifest,现在推荐使用.appcache，并且描述文件需要配置正确的MIME-type, 即text/cachemanifest,必须在Web服务器上进行配置（文件编码必须是UTF-8)。但是不同的服务器有不同的 配置方法。

    首行必须以以下字符串开始，代码如下：

    CACHE MANIFEST

    接下来就是要缓存文件的URL,—行一个（相对URL是相对于清单文件而言的，不是相对于文件），代码如下：

    #以"#"开头的是注释

    common.css

    Common.js

    这个文件中列举的所有的文件都会被缓存。

    在清单中，可以使用特殊的区域头来标识头信息之后的清单项的类型，上面最简单的缓存属于CACHE:区域，代码如下：

    #该头信息之后的内容需要缓存

    CACHE:

    common.css

    Connom.js

    以NETWORK:开头的区域列举的文件总是从线上获取，不缓存。NETWORK:头信息支持通配符“*”，表示任何未明确列举的资源，都将通过网络加载，代码如下：

    #该头信息之后的内容不需要缓存，总是从线上获取

    NETWORK:

    a.css

    #表示以name开头的资源都不要缓存

    name/

    以FALLBACK:开头的区域中的内容提供了获取不到缓存资源时的备选资源路径。该区域中的内容，每一行包含两个URL。第一个URL是一个前缀，任何匹配的资源都不被缓存，第二个URL表示需要被缓存的资源，代码如下：

    FALLBACK:

    name/ example.html

    一个清单可以有任意多个区域，且位置没有限制。