HTML5 本地存储与会话存储

localStorage 和 sessionStorage 都扩展了 Storage。除了 sessionStorage 的预期“非持久性”之外，它们之间没有区别。

也就是说，存储在localStorage中的数据会一直保留到明确删除。所做的更改将被保存并可供所有当前和将来访问该站点的用户使用。

对于 sessionStorage，更改仅适用于每个标签。所做的更改会保存并可供当前页面在该标签中使用，直到它关闭为止。一旦关闭，存储的数据将被删除。

---

唯一的区别是 localStorage 有不同的过期时间，sessionStorage 只能在创建它的窗口打开时访问。
localStorage 会一直持续到您将其删除或用户将其删除。
假设您想保存一个登录用户名和密码，出于安全原因（例如另一个人稍后访问他们的帐户）。
但是，如果您想将用户的设置保存在他们的机器上，您可能需要 localStorage。总而言之：

localStorage - 长期使用。
sessionStorage - 当您需要存储变化的东西或临时的东西时使用

---

其他几点可能有助于理解本地存储和会话存储之间的差异

本地存储和会话存储都限定为文档来源，因此 https://mydomain.example/ http://mydomain.example/ https://mydomain.example:8080/ 上述所有 URL 不会共享相同的存储. （网页的通知路径不影响网页存储）即使同源策略的文档在不同的标签页中打开，会话存储也是不同的，因此在两个不同的标签页中打开的同一个网页不能共享相同的会话存储。本地和会话存储也受浏览器供应商的限制。所以 IE 保存的存储数据不能被 Chrome 或 FF 读取。

---

localStorage 和 sessionStorage 之间的主要区别在于 sessionStorage 每个标签都是唯一的。如果您关闭标签，则 sessionStorage 会被删除，而 localStorage 不会。您也无法在选项卡之间进行通信:)

另一个细微的区别是，例如在 Safari (8.0.3) 上，localStorage 有 2551 k 字符的限制，但 sessionStorage 有无限存储

在 Chrome (v43) 上，localStorage 和 sessionStorage 都限制为 5101 k 个字符（正常/隐身模式之间没有区别）

在 Firefox 上，localStorage 和 sessionStorage 都限制为 5120 k 个字符（正常/私有模式之间没有区别）

速度没有任何区别:)

Mobile Safari 和 Mobile Chrome 也有问题，Private Mode Safari & Chrome 的最大空间为 0KB

---

sessionStorage 与 localStorage 相同，只是它只存储一个会话的数据，并且在用户关闭创建它的浏览器窗口时将其删除。

---

性能方面，我的（粗略）测量发现 1000 次写入和读取没有差异

安全方面，直觉上看来 localStore 可能会在 sessionStore 之前关闭，但没有具体证据 - 也许其他人会这样做？

功能方面，同意上面的 digitalFresh

---

sessionStorage 为每个给定的源维护一个单独的存储区域，该区域在页面会话期间可用（只要浏览器打开，包括页面重新加载和恢复） localStorage 做同样的事情，但即使在浏览器关闭和重新打开时仍然存在.

我从 Web Storage API 拿的

---

是的，会话存储和本地存储在行为上是相同的，除了本地存储将存储数据，直到用户删除缓存，cookie 和会话存储数据将保留在系统中，直到我们关闭会话，即直到我们关闭会话存储创建窗口。

---

在我看来，会话存储相对于本地存储的优势在于它在 Firefox 中具有 unlimited capacity，并且不会比会话持续更长时间。 （当然这取决于你的目标是什么。）

---

本地存储：它保持存储用户信息数据，没有过期日期，当用户关闭浏览器窗口时，这些数据不会被删除，它可以用于日、周、月和年。

//Set the value in a local storage object
localStorage.setItem('name', myName);

//Get the value from storage object
localStorage.getItem('name');

//Delete the value from local storage object
localStorage.removeItem(name);//Delete specifice obeject from local storege
localStorage.clear();//Delete all from local storege

会话存储：与本地存储日期相同，只是它会在 Web 用户关闭浏览器窗口时删除所有窗口。

//set the value to a object in session storege
sessionStorage.myNameInSession = "Krishna";

阅读更多Click

---

迟到的答案，但觉得在这里补充一些观点。

会话存储将可用于特定选项卡，因为我们可以通过浏览器使用本地存储。两者都默认为相同的来源，我们也可以使用键值对手动存储值（值必须是字符串）。

关闭浏览器的选项卡（会话）后，该选项卡上的会话存储将被清除，对于本地存储，我们需要 明确清除它。最大存储限制分别为 5MB 和 10MB。

我们可以像下面这样保存和检索数据，

保存：

sessionStorage.setItem('id', noOfClicks);   // localStorage.setItem('id', noOfClicks);

sessionStorage.setItem('userDetails', JSON.stringify(userDetails));   // if it's object

要得到：

sessionStorage.getItem('id');    // localStorage.getItem('id');

User user = JSON.parse(sessionStorage.getItem("userDetails")) as User;  // if it's object

修改：

sessionStorage.removeItem('id');    // localStorage.removeItem('id');

sessionStorage.clear();   // localStorage.clear();

PS： getItem() 也将数据作为字符串返回，我们需要将其转换为 为 JSON 格式 才能访问如果是对象。

您可以在此处阅读有关浏览器存储的更多信息。

localStorage、sessionStorage 和 cookies localstorage-vs-sessionstorage 的区别

---