怎么学习html5里面的离线缓存

需要服务器。这里用tomcat服务器来讲解。首先要先把.manifest后缀的文件 的mine类型配置为text/cache-manifest。

创新互联公司专注于企业成都营销网站建设、网站重做改版、蕉城网站定制设计、自适应品牌网站建设、H5页面制作、成都商城网站开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为蕉城等各大城市提供网站开发制作服务。

这可以让你在浏览器窗口中键入一个URL，并没有任何网络连接的情况下访问此信息。此外，脱机页可以解决的URI使用本地缓存的信息。

先来了解一下HTML5应用程序缓存和浏览器缓存的区别。（有些）浏览器会主动保存自己的缓存文件以加快网站加载速度。但是要实现浏览器缓存必须要满足一个前提，那就是网络必须要保持连接。

什么是Application CacheHTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。

HTML5的Cache Mainifest离线应用特性就能够帮助我们构建离线也能使用的站点，所有的资源都使用浏览器本地缓存，当然前提是要求在联网的情形下使用过一次站点。

HTML5应用程序缓存和HTML浏览器缓存有什么区别?

1、应用程序缓存是会预加载的，保证齐全地供应和保存。浏览器缓存没有这些控制，不能作为程序缓存使用。不幸地，应用程序缓存过於简单，导致效率不彰，预期将会被 Service Worker 取代。

2、先来了解一下HTML5应用程序缓存和浏览器缓存的区别。（有些）浏览器会主动保存自己的缓存文件以加快网站加载速度。但是要实现浏览器缓存必须要满足一个前提，那就是网络必须要保持连接。

3、原来的HTML无法访问文件系统操作磁盘，需要靠Flash完成。原来的HTML无法访问内存，Copy/Past 操作也要依靠Flash。原来的HTML在浏览器内只有可怜的cookie可以存点东西，现在有了Session Storage，Local Storage，IndexedDB，Web SQL。

html5缓存的问题,如何正确设置

1、这是第二步，第三步，只要在html标签中加上manifest的位置就行了：html manifest=NAME.manifest 到这里，就可以实现简单的离线应用了。

2、可以使用 JavaScript 来访问 HTML5 Storage，通过全局的 window 对象的 localStorage 对象。

3、写法：html manifest=/CacheFile/myApp.appcache myApp.appcache里面写了需要缓存的css、js的路径。

4、ff 版本 20 测试结果：只能实现cache.html本身的缓存。所以目前看来当初的这种HACK机制，只是在某个浏览器的某个版本支持。类似的问题的答案在stackoverflow上也有。不过，在用APP CACHE开始之前，还是要三思为何要用。

分享文章：html5缓存引用 html5应用程序缓存
分享网址：http://kswjz.com/article/digcijj.html