html5中离线缓存的实现

工作原理:

是基于一个新建的.appcache文件的缓存机制。解析清单离线存储资源,这些资源就像cookies一样存储起来。

如何实现呢?

在html的头部加入manifest属性,并在cache.manifest文件中编写离线存储的资源。在离线状态时,操作window.applicationCache进行实现

浏览器是如何对离线资源进行管理和加载的呢?

在线状态时,浏览器发现html头部有manifest属性,就会请求manifest文件,如果是第一次访问,则会根据manifest文件中请求的资源进行下载并离线存储。如果不是第一次访问,且资源已经离线存储了,浏览器就会通过离线存储的资源加载页面。并且对比新的manifest文件和旧的manifest文件,如果未更改,就不做任何操作了。如果更改了,就重新下载文件中的资源并离线存储。

离线状态时,就直接使用离线资源。

猜你喜欢

转载自www.cnblogs.com/ashen1999/p/12934985.html