介绍:HTML5新增了‘应用程序缓存’,允许web应用将应用程序自身本地保存到用户的浏览器中,不是像localstorage一样保存web应用程序的相关数据,他是将应用程序自身保存起来——应用程序所需运行的所有文件(HTML,CSS,JavaScript、图片)。应用程序缓存和一般浏览器缓存不同:不会随着用户清除浏览器而被清除,缓存起来的应用程序也不会像一般固定大小的缓存那样,老数据会被最近一次访问的新数据替代掉,应该称为应用程序存储。
应用程序缓存清单文件以.appcache作为扩展名,清单文件中的首行内容必须要‘CACHE MANIFEST’字符串开始,其余就是要缓存的文件URL列表,一行一个URL
应用程序缓存清单:将应用程序安装到应用程序缓存中,首先要创建一个清单:包含了所有应用程序依赖的所有URL列表,然后通过在应用程序主HTML页面的HTML标签中设置manifest属性,指向该清单文件即可。
HTML5的离线储存怎么使用,工作原理能不能解释一下?
在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件。
原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示。
更新缓存:一旦应用被缓存,它就会保持缓存直到发生下列情况:1.用户清空浏览器缓存2.manifest 文件被修改(参阅下面的提示)3.由程序来更新应用缓存
如何使用: 1、页面头部像下面一样加入一个manifest的属性;2、在cache.manifest文件的编写离线存储的资源;
CACHE MANIFEST
#v0.11
CACHE:
js/app.js
css/style.css
NETWORK:
resourse/logo.png
FALLBACK:
/ /offline.html
3、在离线状态时,操作window.applicationCache进行需求实现。