离线存储 application cache

最新推荐文章于 2021-06-09 11:16:59 发布

原创最新推荐文章于 2021-06-09 11:16:59 发布 · 157 阅读

CC 4.0 BY-SA版权

文章标签：

78 篇文章

订阅专栏

74 篇文章

订阅专栏

本文对比了离线应用与网页缓存的区别，详细解释了离线应用如何利用manifest文件实现离线状态下的文件缓存及读取，并介绍了manifest文件的配置方法。

离线与缓存：

设备支持情况：

使用js来判断：

if(window.applicationCache){
    //支持的进来

}

manifest文件：

//如果关联上manifest文件
<html manifest="cache.manifest">

识别manifest文件：

//web.xml

<mime-mapping>

            <extension>manifest</extension>
            <mime-type>text/cache-manifest</mime-type> 

</mime-mapping>

manifest的写法：

-------当网络不可用或不在线时候，此部分文件会通过本地缓存直接读取

-------定义在NETWORK行下面的文件清单被指定为无论文件是否被缓存，必须从网络中下载

-------该清单的前半部分表示当无法获取到该文件的时候，则请求转发到后半部分的文件，比如下面如果访问不到offline.html页面，就返回index.html

实例：

CACHE MANIFEST
#version:1.0.0

CACHE:
http://***.com/css/reset.css
http://***.com/a.gif

NETWORK:
images/

FALLBACK:
offline.html     index.html