Web Storage API

Web Storage 包含如下两种机制：

• sessionStorage 为每一个给定的源（origin）维持一个独立的存储区域，该存储区域在页面会话期间可用（即只要浏览器处于打开状态，包括页面重新加载和恢复）。

  • 仅为会话存储数据，这意味着数据将一直存储到浏览器（或选项卡）关闭。
  • 数据永远不会被传输到服务器。
  • 存储限额大于 cookie（最大 5MB）。

• localStorage 做同样的事情，但即使浏览器关闭并重新打开也仍然存在。

  • 存储的数据没有过期日期，只能通过 JavaScript、清除浏览器缓存或本地存储的数据来清除。
  • 存储限额是两者之间的最大值。

这两种机制是通过 Window.sessionStorage 和 Window.localStorage 属性使用（更确切的说，在支持的浏览器中 Window 对象实现了 WindowLocalStorage 和 WindowSessionStorage 对象并挂在其 localStorage 和 sessionStorage 属性下）——调用其中任一对象会创建 Storage 对象，通过 Storage 对象，可以设置、获取和移除数据项。对于每个源 sessionStorage 和 localStorage 使用不同的 Storage 对象——独立运行和控制。

Storage

允许你在一个特定域中设置、检索和删除数据和储存类型（session 或 local）。

Window

Web Storage API 继承于 Window 对象，并提供两个新属性——Window.sessionStorage 和 Window.localStorage——分别地提供对当前域的会话和本地 Storage 对象的访问。以及当存储区域改变时触发的 storage 事件处理器（例如，存储新的项）。

StorageEvent

当一个存储区域发生变化时，在文档的 Window 对象上触发 storage 事件。

为了阐述一些典型的 web storage 的用法，我们创了一个简单的例子，想象上地称为 Web Storage 演示。着陆页提供了可以用来自定义颜色、字体和装饰图片的控件。当你选择不同的选项，页面会被立即更新；此外，你的选择将被储存到 localStorage 中，以便当你离开该页面，然后过些时候在重新加载它时，你的选择会被记住。

另外，我们还提供了一个事件输出页面——如果你在另一个标签页加载这个页面，然后在着陆页改变你的选择，你将看到在触发 StorageEvent 时输出更新后的存储信息。

隐私窗口、隐身模式和类似名称的隐私浏览选项不会存储历史记录和 cookie 等数据。在隐身模式下，localStorage 被视为 sessionStorage。存储 API 仍然可用且功能齐全，但是当浏览器或浏览器选项卡关闭时，所有存储在隐私窗口中的数据都会被删除。

• 使用 Web Storage API
• 浏览器存储限制和清理标准