html5的离线储存怎么使用,工作原理能不能解释一下

html-css010

html5的离线储存怎么使用,工作原理能不能解释一下,第1张

原理:HTML5的离线存储是基于一个新建的.appcache文件的,通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示。

方法:

1.在index.html里加上<html manifest="test.manifest">

2.manifest清单格式如下:

CACHE MANIFEST

#上面一句必须

#v1.0.0

#需要缓存的文件

CACHE:

a.js

b.css

#不需要缓存的文件

NETWORK:

*

#无法访问页面

FALLBACK:

404.html

3.manifest文件的mime-type必须是 text/cache-manifest类型。

希望对你有帮助,望采纳!

用frame的方法来解决,搜了一下相关文档,应该是不可以的。他的思路是并不存储当前被访问的页面,而是用iframe引入一个页面,在那个页面中调用manifest文件来达到存储列表内资源的目的,根据文档所写:“. a,b两个页面,引入相同资源,但a有使用manifest,而b没有.

那么,即使a页面缓存了资源.b页面也不会有效.而且b页面强制更新了资源.

页面的缓存也不会因为b的更新,而更新.”