html5 offlline 緩存使用示例

字號:


    如果想使用該api,必須保證服務器端配置相應的mime類型。
    拿tomcat為例,在打開tomcat 6.0\conf\web.xml文件,在文件的最后面添加如下內(nèi)容
    代碼如下:
    <mime-mapping>
    <extension>manifest</extension>
    <mime-type>text/cache-manifest</mime-type>
    </mime-mapping>
    尤其注意,extension的value是manifest,所以以后配置緩存文件的后綴必須跟他一樣。
    使用緩存是必須如下格式
    代碼如下:
    <!doctype html>
    <html manifest=/cache.manifest>
    <body>
    ...
    </body>
    </html>
    cache.mainfest是在服務器端配置的文件
    格式如下
    代碼如下:
    cache manifest
    index.html
    time.js
    time.css
    #fallback主要是用來離線的時候替換文件,
    # /pay/ ofline.html pay下面的所有請求在離線的是都會轉(zhuǎn)發(fā)給 ofline.htm
    fallback:
    server-time.js fallback-server-time.js
    network:
    *
    # version 9
    其中version 為版本標簽,當版本發(fā)生改變的時候,客戶端會自動更新緩存。