html5应用程序缓存applicationcache

《html5应用程序缓存applicationcache》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、HTML5应用程序缓存ApplicationCache什么是ApplicationCacheHTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cachemanifest文件，可以轻松的创建离线应用。ApplicationCache荒来的三个优势是：①离线浏览②提升页面载入速度③降低服务器压力而且主要浏览器皆以支持ApplicationCache,就算不支持也不会对程序造成什么影响离线存储技术HTML5提出了两大离线存储技术：localstorage与ApplicationCache,两者各有

2、应用场景；传统还有离线存储技术为Cookieo经过实践我们认为localstorage应该存储一些非关键性ajax数据，做锦上添花的事情；ApplicationCache用于存储静态资源，仍然是干锦上添花的事情；而cookie只能保存一小段文本（4096字节）；所以不能存储大数据，这是cookie与上述缓存技术的差异之一，而因为HTTP是无状态的，服务器为了区分请求是否來源于同一个服务器，需要一个标识字符串，而这个任务就是cookie完成的，这一段文本每次都会在服务器与浏览器之间传递，以验证用户的权限。所以ApplicationCach

3、e的应用场景不一样，所以使用也不一致。ApplicationCache简介ApplicationCache的使用要做两方面的工作：①服务器端需要维护一个manifest清单②浏览器上只需要一个简单的设置即可以例子做说明：CACHEMANIFESTCACHE:#需要缓存的列表stylel.css1.jpg01.jshttp://localhost/applicationcache/02.jshttp://localhost/applicationcache/zepto.jsNE

4、TWORK:#不需要缓存的4.jpgFALLBACK:#访问缓存失败后，备用访问的资源，第一个是访问源，第二个是替换文件*.html/offline,html1.jpg/3.jpg首先我这里报了一个错：ApplicationCacheErrorevent:Manifestfetchfailed(404)这个错误的原因是：manifest文件需要配置正确的MIME-type,即"text/cache-manifesfo必须在web服务器上进行配置，不同的服务器不一样添加MIME类型Ivlabial文nr展名(D：.appcacheMIME

5、类型(M):text/cache-manifestMS取渣APPL1CAT1ONCACHE01.js02.js1.JPg2.jpg3.jpg4.jpgdemo.appcacheindex・htmlstyle1.cssstyle2.cssweb.configzepto.js这样一来便可以离线应用了，这个吋候就算断网了，那些文件依旧能访问applicationcache/$tylel.c$$/applicationcachestyleZcss/applicationcachel・jpg/applicationcache4・jpg/appl

6、icationcache2.jpgI/applicationcache~I3.jpgiI/applicationcachezeptojs/applicationethenoijs二I/applicationcache三三J/applicationcache2002msGETOKtext/htmlOther(fromc..2ms200localho...4m$GETOKtext/cssParser(from€•••3ms(ZCT(faile...IpCdlho…0B2msxJE1net：-..Parser08■200localho...7

7、msGETOKimage彳pegParser(fromg..3mserr(faile...localho...0B20msnet:・・Parser0B■(faile—localho...0B5msJClnet：-..Parser0B■(faile…localho...0B5ms<3C1Parser0B■200localho…5msGETOKapplication/x-javasch...Parser(from3ms200localho...4msGETOKapplication/x-javascri...Parser(fromc..3

8、ms200localho...4msGETOKapplication/xjavdsch...Parser(fromc..3ms这里有一点值得注意，比如这里不带/index.html他会将“applicati