22
2020
11

HTML5的文件离线储存怎么使用,工作原理是什么?

在线情况下,浏览器发现HTML头部有manifest属性,它会请求manifest文件,如果是第一次访问,那么浏览器就会根据manifest文件的内容下载相应的资源,并进行离线存储。如果已经访问过并且资源已经离线存储了,那么浏览器就会使用离线的资源加载页面。然后浏览器会对比新的manifest文件与旧的manifest文件,如果文件没有发生改变,就不会做任何操作,如果文件改变了,那么就会重新下载文件中的资源,并且进行离线存储。例如,


在页面头部加入manifest属性


<html manifest='cache.manifest'>

在cache.manifest文件中编写离线存储的资源


CACHE MANIFEST

#v0.11

CACHE:

js/app.js

css/style.css

NETWORK:

Resourse/logo.png

FALLBACK:

 //offline.html

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。