html5禁用缓存 html5缓存机制

前端HTML5的几种存储方式

本地存储localstorage 存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。

成都网站设计、网站建设服务团队是一支充满着热情的团队，执着、敏锐、追求更好，是创新互联的标准与要求，同时竭诚为客户提供服务是我们的理念。创新互联把每个网站当做一个产品来开发，精雕细琢，追求一名工匠心中的细致，我们更用心！

Cookie cookie 用于存储web页面的用户信息。cookie 是一些数据，存储在你电脑上的文本文件中。当web服务器向浏览器发送web页面时，在连接关闭后，服务端不会记录用户的信息。

Application CacheHTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。

定义Manifest我们使用manifest列举出需要离线时访问的资源，他本身是一个文本类型的文件，第一行经常是CACHE MANIFEST，然后列举我们需要的资源，每行一个。

manifest文件的mime-type必须是 text/cache-manifest类型。

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。

HTML5 之离线应用Manifest 我们知道，使用传统的技术，就算是对站点的资源都实施了比较好的缓存策略，但是在断网的情况下，是无法访问的，因为入口的HTML页面我们一般运维的考虑，不会对其进行缓存。

所有主流浏览器均支持应用程序缓存，除了 Internet Explorer。

1、可以通过以下步骤清除手机缓存：使用HTML5中的应用程序缓存(Application Cache)来缓存部分页面和资源文件，当然，缓存的数据也可以随时被清除。使用浏览器提供的缓存清除API。

2、实在要用manifest，就将宿主html文件也添加进manifest清单中，然后在每次侦测到清单内容更新完毕后，提示用户并reload一次页面就好了。

3、cache-control设置no-cache 或者在url里加个无用的时间戳当参数，这样每次打开的url都不一样，应该不会缓存。

localStorage是本地存储，存储期限不限； sessionStorage会话存储，页面关闭数据就会丢失。

localStorage 存储在浏览器中。 localStorage中一般浏览器支持的是5M大小，在不同的浏览器中localStorage会有所不同。 localStorage：用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。 localStorage 属性是只读的。

HTML5 使用 JavaScript 来存储和访问数据。

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。

网页标题：html5禁用缓存 html5缓存机制
转载来于：http://myzitong.com/article/dggohie.html