javascript - iframe 中的 session 存储

Question

我将在我的页面上使用多个 iframe，并且我将在其中大量使用 sessionStorage。我很好奇的是，我是否会有单独的存储空间或为所有 iframe 共享一个存储空间？大小限制如何适用？

Answer 1

sessionStorage 是否共享取决于 iframe 的页面及其来源，即 URL 的域部分。如果您的网页位于 http://myserver/test.html它包括http://thatserver/some.html通过 iframe，iframe 的页面具有域 thatserver .因此来源不同，sessionStorage 不会被共享。但是如果iframe的页面是http://myserver/some.html它具有相同的来源，因此将共享相同的 session 存储。

现在还有一个额外的技巧:sandbox iframe 的属性。如果你写 <iframe sandbox>没有值 allow-same-origin iframe 的内容有一个唯一 来源。这意味着无论页面的真实来源如何，它都会获得不同的 sessionStorage。你可以写<iframe sandbox="allow-same-origin">对内容进行沙箱处理并让 iframe 的内容具有相同的来源(但前提是确实具有相同的来源)。

现在特别注意:沙盒 iframe 不支持 localStorage per spec .在 webkit-browsers 和 mozilla firefox 中，如果沙盒 iframe 内容将尝试访问 sessionStorage，则会抛出异常。