659

除了非持久性和仅限于当前窗口之外，会话存储相对于本地存储是否有任何好处（性能、数据访问等）？

4

11 回答 11

951

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

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

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

于 2011-04-02T12:34:42.917 回答
174

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

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

于 2013-03-01T21:05:07.850 回答
114

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

  1. 本地存储和会话存储的范围都限于文档来源，因此

    https://mydomain.com/
    http://mydomain.com/
    https://mydomain.com:8080/

    上述所有 URL不会共享相同的存储空间。（网页通知路径不影响网页存储）

  2. 即使同源策略的文档在不同的标签页中打开，会话存储也是不同的，因此在两个不同的标签页中打开的同一个网页不能共享相同的会话存储。

  3. 本地和会话存储也受浏览器供应商的限制。所以 IE 保存的存储数据不能被 Chrome 或 FF 读取。

希望这可以帮助。

于 2014-02-06T17:22:47.723 回答
35

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

于 2015-06-26T10:03:19.747 回答
19

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

于 2013-04-07T10:29:20.447 回答
9

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

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

功能方面，同意上面的 digitalFresh

于 2011-04-02T12:36:32.793 回答
6

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

于 2013-07-30T09:28:14.030 回答
5

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

于 2015-06-18T11:52:01.910 回答
5

  • sessionStorage为页面会话期间可用的每个给定源维护一个单独的存储区域（只要浏览器打开，包括页面重新加载和恢复）

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

我从Web Storage API

于 2018-11-19T03:12:22.770 回答
3

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

//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";

阅读更多点击

于 2018-06-29T19:49:58.990 回答
2

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

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

一旦浏览器的选项卡（会话）关闭，则该选项卡上的会话存储将被清除，对于本地存储，我们需要明确清除它。最大存储限制分别为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 格式才能访问。

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

  1. localStorage、sessionStorage 和 cookie 的区别

  2. 本地存储与会话存储

于 2021-01-10T15:48:59.557 回答