applicationCache对象处理具有update方法与swapCache方法之外,在大品牌网站建设中,还具有一系列的事件。下面用过前面讲过的浏览器与服务器的交互过程来看一下在这个过程中的这些事件是如何被触发的。
首次访问http://localhost:82/mr/网站。
(1)浏览器:请求访问http://localhost:82/mr/。
(2)服务器:返回index.html网页。
(3)浏览器:发现该网页具有manifest属性,触发checking事件,检查manifest文件是否存在。不存在时,触发error事件,表示manifest文件未找到,同时也不执行步骤(6)开始的交互过程。
(4)浏览器:解析index.html网页,请求网页上所有资源文件。
(5)服务器:返回所有资源文件。
(6)浏览器:处理manifest文件,请求manifest中所有要求本地缓存的文件,包括index.html页面,即使刚才已经请求过该文件。如果要求本地缓存所有文件,这将是一个比较大的重复的请求过程。
(7)服务器:返回所有要求本地缓存文件。
(8)浏览器:触发downloading事件,然后开始下载这些资源。在下载的同时,周期性地触发progress事件,开发人员可以用编程的手段获取多少文件已被下载,多少文件仍然处于下载队列中等信息。
(9)下载结束后触发cached事件,表示首次缓存成功,存入所有要求本地缓存的资源文件。
再次访问http://localhost:82/mr/网站,步骤(1)~(5)同上,在步骤(5)执行完之后,浏览器将核对manifest文件是否被更新,若没有被更新,触发noupdate事件,步骤(6)开始的交互过程不会被执行。如果被更新了,将继续执行后面的步骤,在步骤(9)中不触发cached事件,而是触发updateReady事件,这表示下载结束,可以通过刷新页面来使用更新后的本地缓存,或调用swapCache方法来立刻使用更新后的本地缓存。
另外,在访问缓存名单是如果返回一个HTTP404错误(页面未找到)或者410错误(永久消失),则触发obsolete事件。
在整个过程中,如果任何与本地缓存有关的处理中发生错误的话,都会触发error事件。可能会触发error事件的情况分为以下几种。
缓存名单返回一个HTTP404错误(页面未找到)或者410错误(永久消失)。
缓存名单被找到且没有更改,但引用缓存名单的HTML页面不能正确下载。
缓存名单被找到被更改,但浏览器不能下载某个缓存名单中列出的资源。
开始更新本地缓存时,缓存名单再次被更改。
深圳 · 龙岗 · 大运软件小镇22栋201
电话:400 182 8580
邮箱:szhulian@qq.com