html5的离线储存过程，html5离线存储有哪些

如何区别html5离线存储和本地缓存实例详解

HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。

本地存储-谈到存储，一般说的是数据data，不管这个应用是在线还是离线。离线应用-这个对应的是在线，也就是，没有网的情况下，也可以使用。后者需要把代码、程序以及资源都放到本地，如果想要使用数据，则利用本地存储。

Application CacheHTML5引入应用缓存，意味着web应用可以进行缓存，即使在没有网络的情况下也能使用。

首先我们新建一个html5的空白文档，小编这里演示用的是Dreamweaver CS6，当然其他文本编辑器也可以。

相关问答

Q1: html5的离线web应用的浏览器和服务器交互的过程要是没有缓存怎么办_百...

1、这句是注释，没实际的作用，我在这里只是想让浏览器更新缓存文件。因为当这个manifest文件与原来一样的时候，浏览器是不会去重新加载缓存文件的，所以我们可以通过这个注释，一方面修改版本号，另一方面让浏览器更新缓存。

2、简单来说manifest能让你的应用在无网的情况下也能访问。

3、什么是Application CacheHTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。

4、如果是iis 7服务器，按照下面的步骤：比如后缀名为.appcache，打开iis7，选择根节点（这样所有站点都会继承配置，也可以针对单个站点配置）；双击右侧的MIME类型；点击右键添加MIME类型，这样就完成了配置。

Q2: html5离线存储缓存列表可以动态生成吗

1、第一行是必须的，它标识这是manifest的配置文件。version 5 这句是注释，没实际的作用，我在这里只是想让浏览器更新缓存文件。

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

3、FileSystem API相当于操作本地文件的存储方式，目前支持浏览器不多，其接口标准也在发展制定变化中，因此也可以动态生成图片到本地文件，然后通过 filesystem：http：*** 的URL方式直接赋值给img的html元素的src访问。

html5的离线储存过程的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5离线存储有哪些、html5的离线储存过程的信息别忘了在本站进行查找喔。