html5禁止缓存
html5对于本地缓存支持力度大大增加,支持Local Storage和Session Storage键值对存储方式,对于大数据处理HTML5支持Web SQL Database数据库
以下介绍一种常用的Local Storage键值对存储方式
设置缓存：
window.localStorage.setItem(name,val);
读取缓存：
window.localStorage.getItem(name);
删除缓存：
deletewindow.localStorage.name;
‘贰’ html5嵌入到app中，缓存如何去掉
Android的话可以使用webview缓存设置
webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
这样webView就不会去加载缓存了，或者，每次退出时手动删除webView缓存，应用databases目录下有两个we
‘叁’ 如何不让html5appcache的manifest缓存当前页面
目前看来当初的这种HACK机制，只是在某个浏览器的某个版本支持。类似的问题的答案在stackoverflow上也有。不过，在用APPCACHE开始之前，还是要三思为何要用。APPCACHE的提出是为兄弊带了卜颂打造离线应用，也就是说离线后，应用羡芦可以通过依赖本地缓存文件达到正常使用。
如果说非要不缓存当前页面，目前看起来只能通过AJAX来动态加载页面的动态内容来解决了。
‘肆’ 如何不让html5 app cache的manifest缓存当前页面
manifest是很坑爹的，名字叫Application Cache就已经很好的定性了，它是用颤前来构造离线应用程序的。比方说你写了个秒表，它离线也能用，这是manifest的应用场景。
然而天真的人类想只用manifest来茄神清缓存资源文件而不缓存页面，W3C那群老头怎么可能会向如此接地气的工业需求妥协，所以这是不可能的。
于是你发现manifest只会让你的用户优先看到旧的页面，即使你能响应update事件，但你要在这里强刷一次的话，交互和产品瞎伍经理多半是会拎着刀来。而如果你在这里不刷新的话，请设想一下运营知道她上了一个节日banner却需要页面第二次打开才能看到的心情。
‘伍’ html5缓存的问题，如何正确设置
html5缓存正确的设置办法：
1、启用缓存
设置方法：
<html manifest="example.appcache">
...
</html>
2、设定缓存访问的范围，配置到MANIFEST中：
CACHE MANIFEST
# v1 - 2011-08-13
# This is a comment.
http://www.example.com/index.html
http://www.example.com/header.png
http://www.example.com/blah/blah
‘陆’ HTML5应用程序缓存Application Cache详解
什么是Application Cache
HTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。
Application Cache带来的三个优势是：
① 离线浏览
② 提升页面载入速度
③ 降低服务器压力
而且主要浏览器皆以支持Application Cache，就算不支持也不会对程序造成什么影响
离线存储技术
HTML5提出了两大离线存储技术：localstorage与Application Cache，两者各有应用场景;传统还有离线存储技术为Cookie。
经过实践我们任务localstorage应该存储一些非关键性ajax数据，做锦上添花的事情;
Application Cache用于存储静态资源，缓银仍然是干锦上添花的事情;
而cookie只能保存一小段文本(4096字节);所以不能存储大数据，这是cookie与上述缓存技术的差异之一，而因为HTTP是无状态的，服务器为了区分请求是否来源于同一个服务器，需要一个标识字符串，而这个任务就是cookie完成的，这一段文本每次都会在服务器与浏览器之间传递，以验证用户的权限。
所以Application Cache的应用场景不一样，所以使用也不一致。
Application Cache简介
Application Cache的使用要做两方面的工作：
① 服务器端需要维护一个manifest清单
② 浏览器上只需要一个简单的设置即可
#p#副标题#e#
以例子做说明：
CACHE MANIFEST
CACHE:
# 需要缓存的列表
style1.css
1.jpg
01.js
NETWORK:
# 不需要缓存的
4.jpg
FALLBACK:
# 访问缓存失败后，备用访问的资源，第一个是访问源，第二个是替换文件*.html /offline.html
2.jpg/3.jpg
复制代码
首先我这里报了一个错：
Application Cache Error event: Manifest fetch failed (404)
这个错误的原因是：manifest 文件需要配置正确的 MIME-type，即 “text/cache-manifest”。必须在 web 服务器上进行配置，不同的服务器不一样
APPLICATIONCACHE
01.js
02.js
1.jpg
2.jpg
3.jpg
4.jpg
demo.appcache
index.html
style1.css
style2.css
web.config
zepto.js
这样一来便可以离线应用了，这个时候就算断网了，那些文件依旧能访问
这里有一点值得注意，比如这里不带/index.html他会将“applicationcache/”缓存，其实这个就是index.html
manifest 文件可薯哪槐分为三个部分：
CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
NETWORK - 在此标题下列出的文件需要与服务器的连数友接，且不会被缓存
FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)
如图所示，HTML5定义了几个事件点，但是我们一般不会主动使用js去操作什么，大多数情况下，我们完全依赖浏览器的处理即可。
#p#副标题#e#
尺寸限制
Application Cache的尺寸限制统一在5M，我这里做一个测试：
如所示，两个css文件依旧超过了5M这个时候
Document was loaded from Application Cache with manifest
index.html:1 Application Cache Checking event
index.html:6 GET
index.html:1 Application Cache NoUpdate event
index.html:11 GET
index.html:12 GET
如所示，style2已经不能缓存了，这个会造成什么问题呢?
比如我A频道维护了自己的Application Cache，B频道也维护了自己的，这个时候A频道如果使用达到了一个峰值，会导致B频道所有的缓存失效，所以：
建议Application Cache，存储公共资源，不要存储业务资源
一些问题
由更新机制来说，首次更新manifest时，因为页面加载已经开始甚至已经完成，缓存更新尚未完成，浏览器仍然会使用过期的资源;浏览器是当Application Cache有更新时，该次不会使用新资源，第二次才会使用。这个时候update事件中执行window.reload事件。
window.applicationCache.addEventListener(updateready, function(){
window.location.reload()
});
由上例可以知道，缓存的不只是显示定义的文件，比如上例中的applicationcache/时便会默认保存index.html为映射的数据，并且包含demo.appcache文件，很多时候会遇到一次文件更新线上老是不更新，这个时候随便在manifest配置文件中做一点修改即可更新。
从可用性与易用性来说，Application Cache是值得使用的，但是最好是做静态资源的缓存，真正要实现离线应用还得花更多的功夫呢!
‘柒’ 如何不让html5 app cache的manifest缓存当前页面
别想了，manifest的目的是离线运行，如果宿主html文件不被manifest自动缓存的话，整个离线运行最基本的html都跑不起来。实在要用manifest，就将宿主html文件也添加进manifest清单中，然后在每次侦测到清单内容更新完毕后，提示用户并reload一次页面就好了。自动二次刷新代码：Html5之离线Web应用程序manifest相关的另外一篇回答：关于前端缓存优化，为什么没人用manifest？ - 黎博的回答
‘捌’ 因为版权问题，如何禁止UC浏览器等支持缓存视频的浏览器下载网页上的HTML5视频
uc浏览器——全新“灵动版”v8界面，u2内核，7.9超强升级版