12

我对 HTML5 离线存储的（各种）术语感到有些困惑。

我认为AppCache是Web Storage的另一个名称，您可以通过 Cache Manifest 指定离线存储的内容。并且有两种类型：LocalStorage（在当前会话之外持续存在）和会话存储（在当前会话之外不持续存在）。

以上是我从 W3C 和维基百科读到的内容，但 Head First HTML5 Programming (Freeman & Robinson) 深入描述了 LocalStorage，然后在附录中有 Web 存储（包含有关缓存清单的信息）（“我们没有涵盖的内容）。

我是否正确理解这一点？

4

2 回答 2

22

WebStorage 是 HTML5 中在客户端存储数据的可能性（将其视为 cookie，但通常有 5 MB 可用空间）。有两种方法来存储该数据（范围）：

  1. 仅用于会话，直到浏览器关闭（SessionStorage）
  2. 很长一段时间，即使浏览器关闭和主机关闭

http://diveintohtml5.info/storage.html

AppCache 是一种 HTML5 功能，可以在浏览器中存储整个 web 应用程序（页面、图像、css、JavaScript），即使客户端根本没有互联网连接也可以使用。

http://appcache.offline.technology/

于 2012-07-31T12:26:52.223 回答
5

本地存储：

  1. LocalStorage 用于在客户端保存中间数据，而不使用 cookie。
  2. 以键值对的形式保存数据
  3. 保存的数据会一直存在于浏览器中，直到被明确删除。如果不删除，它将可用多年。
  4. 内存 5Mb

应用缓存：

  1. HTML5 应用程序通过将 html 页面和相关文件（css、js..）本地保存在 appCache 中来提供离线应用程序功能。当网络连接不可用时，这些文件将用于呈现页面。应用程序将具有清单文件，其中包含要下载的文件列表以呈现离线应用程序功能。如果清单文件发生变化（从应用程序中添加/删除任何文件），则将下载新的文件集。单击重新加载后，旧文件将被新文件替换。
  2. 将文件保存为数据 - html、js、css等
  3. 在单击重新加载或关闭浏览器之前，保存的数据将可用。
  4. 内存因浏览器而异。见http://grinninggecko.com/2011/02/24/developing-cross-platform-html5-offline-app-1/
于 2014-05-29T07:57:08.383 回答