什么?sessionStorage可以跨页签?

299 阅读1分钟

99%的前端都知道,sessionStorage可以不可以跨页签共享。即便是同一个域名,打开两个浏览器页签,sessionStorage相互独立,各自维护自己的sessionStorage。

然而,MDN介绍了一种特殊情况

在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文,这点和 session cookie 的运行方式不同。

也就是从一个窗口打开另一个同源窗口时,新窗口会带上原窗口的sessionStorage。

举个栗子

在当前窗口设置sessionStorage

image.png

通过window.open('http://localhost:3000/','_blank')打开新窗口时会带上原sessionStorage:

image.png

但是这并不意味着sessionStorage可以跨页签共享!

在其中一个窗口修改sessionStorage,另一个窗口的sessionStorage并不会跟着改变

image.png

因此,当使用sessionStorage作标记判断,且存在用户打开多窗口场景时,需要注意sessionStorage的跨页签