• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    html5 offlline 缓存使用示例
    如果想使用该api,必须保证服务器端配置相应的mime类型。

    拿tomcat为例,在打开Tomcat 6.0\conf\web.xml文件,在文件的最后面添加如下内容

    复制代码
    代码如下:

    <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下面的所有请求在离线的是都会转发给 ofline.htm
    FALLBACK:
    server-time.js fallback-server-time.js
    NETWORK:
    *
    # version 9

    其中version 为版本标签,当版本发生改变的时候,客户端会自动更新缓存。
    上一篇:html5 worker 实例(二) 图片变换效果
    下一篇:html5如何及时更新缓存文件(js、css或图片)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    html5 offlline 缓存使用示例 html5,offlline,缓存,使用,示例,