离线储存
工作原理:
在?户没有与因特?连接时,可以正常访问站点或应?,在?户与因特?连接时,更新?户机器上的缓存?件
HTML5 的离线存储是基于?个新建的 .appcache ?件的缓存机制(不是存储技术),通过这个?件上的解析清单离线存储资源,这些资源就会像 cookie ?样被存储了下来。之后当?络在处于离线状态下时,浏览器会通过被离线存储的数据进???展示
如何使?:
??头部像下??样加??个 manifest 的属性;
在 cache.manifest ?件编写离线存储的资源;
在离线状态时,操作 window.applicationCache 进?需求实现;
CACHE MANIFEST
#v0.11
CACHE:
js/app.js
css/style.css
NETWORK:
resourse/logo.png
FALLBACK:
/offline.html
管理和加载:
在线的情况下,浏览器发现 html 头部有 manifest 属性,它会请求 manifest ?件,如果是第?次访问 app ,那么浏览器就会根据manifest?件的内容下载相应的资源并且进?离线存储。如果已经访问过 app 并且资源已经离线存储了,那么浏览器就会使?离线的资源加载??,然后浏览器会对?新的 manifest ?件与旧的 manifest ?件,如果?件没有发?改变,就不做任何操作,如果?件改变了,那么就会重新下载?件中的资源并进?
离线存储。
离线的情况下,浏览器就直接使?离线存储的资源。