cookies localstorage sessionStorage区别?他们能进行跨标签通信么

28 阅读1分钟

cookies 、localstorage 、 sessionStorage

他们之间的区别

cookies 、localstorage 、 sessionStorage 同一浏览器 不同标签对应的 application

先说结论

先来一段八股文

区别:

​
1、 大小
        cookies                 4k
        localstorage            一般是 5M,和浏览器有关系
        sessionStorage          一般是 5M
2、 时间
        cookies                 没有过期时间,关闭窗口消失。
                                有过期时间,过期时间到。 过期
        localstorage            手动删除,否则一直都在
        sessionStorage          当前会话有效,关闭窗户。消失
3、 自动发送
        cookies                 是, 跟着 http、 https 自动发送
        localstorage            否
        sessionStorage          否
​
4、 安全性 没有个特别安全。  这个其实 没啥所谓
        cookies                 可以设置 只有https 发送     
        localstorage            本地存储
        sessionStorage          本地存储
​
​
好想来个表格, 那玩意咋个整?
​

cookielocalStorage在同源条件下可以实现跨标签通信,而sessionStorage不能跨标签通信。

image-20240926140420115.png

image-20240926140402030.png

他们都是文件,想要展示 肯定要存到某个地方的。

浏览器的 cookie 、localStorage、sessionStorage 也都是要存在 电脑的某个位置、或者浏览器内存里面。

不同的域名 他分了 文件夹去查找。

所以cookies 和 localStorage 是可以通过同源访问的。

sessionSorage 不同,他是和 会话相关的。 也可以理解为 和 浏览器的页签 (一个线程) 有关。 无法进行通信的。

但是呢

image-20240926170629029.png

这种方式 复制 你是能看到 sessionStorage

这是因为 他复制的时候 sessionSorage 也复制过去了。