在html5中使用application cache可以把一些静态资源保存在客户端的浏览器上面。这样可以提高访问的速度，甚至是离线应用。关于application cache的优缺点：
1.离线浏览 - 用户可在离线时浏览您的完整网站
2.速度 - 缓存资源为本地资源，因此加载速度较快
3.服务器负载更少 - 浏览器只会从发生了更改的服务器下载资源
[参考文章](http://www.html5rocks.com/zh/tutorials/appcache/beginner/)

manifest 

使用appcache我们需要维护一份列表。文件名称随便去，不过后缀有规定.appcache然后在html标签上引用
<html manifest="example.appcache">
</html>

文件分为4部分
CACHE MANIFEST
这里的文件将会在客户端缓存
NETWORK
这里的文件不会在客户端缓存
FALLBACK
这里是一个替换的资源，当访问资源失败的时候自动使用这里的资源

示例

CACHE MANIFEST
Site.css

NETWORK:

FALLBACK:

一些坑
以上这些呢，其实没啥太大的价值，都是其他地方搬过来的。如果你以为安装上面的步骤就能happy的使用appcache的话，那就错了。
　　MIME
使用appcache需要在服务器上配置MIME。不然客户端无法读取.appcache的列表文件。
如果你使用VS来调试，那么需要更改IIS Express的配置文件。
C:\Users\username\Documents\IISExpress\config\applicationhost.config
打开这个配置文件，找到mimeMap配置节点添加一个节点。
<mimeMap fileExtension=".appcache" mimeType="text/cache-manifest" />
　　NETWORK
上面说了，这个节点指定不缓存的资源。如果你不填的话，很有很多资源下载不下来。你得这样：
NETWORK:
*
写上*通配符，告诉客户端，除了上面的Cache列表，其他资源都不缓存。

　　Remove AppCache

当你不想要Appcache的时候，你以为只要把html tag的manifest移除就可以，那你就错了。你要把.appcache列表文件从服务器删除。这样才能真正的移除appcache功能。

HTML5使用ApplicationCache的更多相关文章

  1. HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件

    一. 实现 HTML5 applicationCache 的步骤 一般的操作步骤 1. 新建 manifest 文件 如文件名为  lzwme.manifest,内容配置参考如下: 01 CACHE ...

  2. HTML5 manifest ApplicationCache

    使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本. HTML5引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问 ...

  3. html5本次存储几种方式

    一.cookies 大家都懂的,不必多说 二.sessionStorage/localStorage HTML5 LocalStorage 本地存储 说到本地存储,这玩意真是历尽千辛万苦才走到HTML ...

  4. AppCache 离线存储 应用程序缓存 API 及注意事项

    使用ApplicationCache接口实现离线缓存 原文:http://www.mb5u.com/HTML5/html5_96464.html 推荐:html5 application cache遇 ...

  5. Java缓存学习之二：浏览器缓存机制

    浏览器端的九种缓存机制介绍 浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户.浏览器端缓存 ...

  6. h5面试题

    一.匿名函数实现阶乘第一种写法: 43 > F = fun(Func, 1) -> 1;43 > (Func, N) -> N * Func(Func, N - 1) end. ...

  7. web实现本地缓存的方法

    Cookie(或者Cookies) 指一般网站为了辨别用户身份.进行session跟踪而储存在用户本地终端上的数据(通常经过加密). cookie一般通过http请求中在头部一起发送到服务器端.一条c ...

  8. 浏览器window产生的缓存九种解决办法

    浏览器缓存(Browser Caching)是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户.浏览器 ...

  9. WEB端缓存机制

    WEB端缓存机制 什么是WEB缓存 Web缓存是指一个Web资源(如html页面,图片,js,数据等)存在于Web服务器和客户端(浏览器)之间的副本.缓存会根据进来的请求保存输出内容的副本:当下一个请 ...

随机推荐

  1. [2013 eoe移动开发者大会]靳岩：从码农到极客的升级之路

    (国内知名Android开发论坛 eoe开发者社区推荐:http://www.eoeandroid.com/) 前天,2013 eoe 移动开发者大会在国家会议中心召开,eoe 开发者社区创始人靳岩在 ...

  2. Infer初体验 for Android

    安装Python Infer下载地址:https://github.com/facebook/infer 配置环境变量 vi ~/.bash_profile #infer export PATH=${ ...

  3. Windows下msysGit使用及相关配置

    Windows下msysGit使用 目前我们git通过ssh进行通信,所以需要你也安装ssh以及将ssh key发给我,省得每次都需要输入用户名和密码 1.创建工程目录 windows下进入msysG ...

  4. Web - 客户端存储的几种方式

    客户端存储主要方便一些APP离线使用.今天就来说说客户端存储的方法有多少? 说在最前面的一句:所有的客户端存储都有一个原则:读写的数据必须要同域 1 Cookie Cookie是一项很老的技术的,就是 ...

  5. C# HttpWebRequest 绝技 根据URL地址获取网页信息

    如果要使用中间的方法的话,可以访问我的帮助类完全免费开源:C# HttpHelper,帮助类,真正的Httprequest请求时无视编码,无视证书,无视Cookie,网页抓取 1.第一招,根据URL地 ...

  6. Kafka - SQL 引擎分享

    1.概述 大多数情况下,我们使用 Kafka 只是作为消息处理.在有些情况下,我们需要多次读取 Kafka 集群中的数据.当然,我们可以通过调用 Kafka 的 API 来完成,但是针对不同的业务需求 ...

  7. awstats 日志分析工具linux下的安装和使用

    合并日志文件可以使用 bash 的sort命令: -o log_all access*.log 也可以使用  awstats 提供的 logresolvemerge.pl -showsteps acc ...

  8. 基本的文件 I/O

    基本的文件 I/O MSDN 抽象基类 Stream 支持读取和写入字节.Stream 集成了异步支持.其默认实现根据其相应的异步方法来定义同步读取和写入,反之亦然. 所有表示流的类都是从 Strea ...

  9. 20+功能强大的jQuery/CSS3图片特效插件

    以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3. 1.jQuery图片下滑切换播放效果 这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有 ...

  10. Http 1.1协议

    HTTP是hypertext transfer protocol(超文本传输协议)的简写,它是TCP/IP协议的一个应用层协议,用于定义WEB浏览器与WEB服务器之间数据交换的过程. 1.Http1. ...