会话存储相对于本地存储有什么好处吗？

Question

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

Answer 1

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

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

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

Answer 2

唯一的区别是它们的过期时间不同。

• sessionStorage 只能在创建它的窗口打开时进行访问。

• localStorage 将持续存在，直到您删除它或用户删除它为止。

假设您想要保存登录用户名和密码，出于安全原因（即其他人稍后访问其帐户），您希望使用 sessionStorage 而不是 localStorage。

但如果您想将用户的设置保存在他们的计算机上，您可能需要 localStorage。

总之

• localStorage - 用于长期使用。
• sessionStorage - 当您需要存储更改的内容或临时的内容时使用

Answer 3

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

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

   https://mydomain.example/ 
   http://mydomain.example/
   https://mydomain.example:8080/
   

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

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

3. 本地和会话存储也受浏览器供应商的限制。浏览器供应商。因此 IE 保存的存储数据无法被 Chrome 或 FF 读取。

Answer 4

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 也存在问题，私人模式 Safari & Chrome 的最大空间为 0KB

Answer 5

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

Answer 6

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

• localStorage 执行相同的操作，但即使关闭并重新打开浏览器也会持续存在。

我从 Web Storage API

Answer 7

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

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

功能方面，同意上面的 digitalFresh

Answer 8

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

Answer 9

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

Answer 10

回答晚了，但觉得在这里补充一些观点。

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

一旦浏览器的选项卡（会话）关闭，该选项卡上的会话存储将被清除，而在本地存储的情况下，我们需要明确清除它。最大存储限制分别为 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： < code>getItem() 也会以字符串形式返回数据，如果它是对象，我们需要将其转换为 JSON 格式才能访问。

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

1. localStorage、sessionStorage 和 cookie 之间的区别

2. 本地存储与会话存储

Answer 11

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

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

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

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

了解更多点击