javascript - 什么是 window.localStorage

Question

“通过电子邮件发送此页面” （Chrome 扩展示例）的option.js文件包含以下代码：

如果（window.localStorage == null）{
  ...
如果（window.localStorage.customMailtoUrl == null）{

这是什么意思？是什么window.localStorage？

Answer 1

localStorage/sessionStorage 是 HTML5 API 的一部分。本质上，这就是 cookie 的用途。但这要好得多。

https://developer.mozilla.org/en/DOM/Storage

Answer 2

来自http://www.w3schools.com/html/html5_webstorage.asp：

“什么是 HTML 本地存储？

使用本地存储，Web 应用程序可以在用户浏览器中本地存储数据。

在 HTML5 之前，应用程序数据必须存储在 cookie 中，包含在每个服务器请求中。本地存储更安全，可以在本地存储大量数据，不影响网站性能。

与 cookie 不同，存储限制要大得多（至少 5MB），并且信息永远不会传输到服务器。

本地存储是每个域的。来自一个域的所有页面都可以存储和访问相同的数据。”

Answer 3

localStorage是 HTML5 API 的一个属性，它允许 Web 应用程序在用户浏览器中本地存储数据。

在 HTML5 之前，应用程序数据必须存储在 cookie 中，包含在每个服务器请求中。localStorage 是一个不同的属性，它比 cookie 有很多优点。

HTML 本地存储提供了两个对象用于在客户端存储数据：

window.localStorage - 存储没有过期日期的数据

window.sessionStorage - 存储一个会话的数据（关闭浏览器选项卡时数据会丢失）

本地存储功能：

• localStorage 数据没有过期日期。
• localStorage 更安全，因为它不向服务器发送任何内容，一切都发生在客户端，即浏览器。
• localStorage 是 per origin 意味着两个或多个 html 页面，来自一个源，可以存储和访问存储在 localStorage 对象中的相同数据。
• 它可以存储比 cookie 更多的数据。每个浏览器的存储大小都不同，例如最新版本的 chrome 和 firefox 可以存储至少 5MB 的数据。