AI 赋能应用,代码定义未来
用全新 AI 数字人・智能应用・重构数字体验服务

【网站建设】applicationCache对象的事件

发表日期:2024-07-26 浏览次数:2721 来源:程序网站设计 编辑:烨城

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页面不能正确下载。

缓存名单被找到被更改,但浏览器不能下载某个缓存名单中列出的资源。

开始更新本地缓存时,缓存名单再次被更改。

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联
填写电话 ≠ 打扰
只给您多一份选择,少一份顾虑
您可拨打以下电话联系我们技术总监
138 2888 4598
用心将技术和服务
遍布全中国乃至世界...
138-2888-4598
我们坚信无论您在哪里我们都能为您提供优质的服务!
请填写您的需求
您希望我们为您提供什么服务呢
数字人 AI应用 O2O电商 智联AioT APP开发 小程序开发 ERP/CRM系统开发 电脑系统开发
您的预算
3万-5万 5万-8万 8万-10万 10万-15万 15万以上
0.724278s