cookie sessionStorage localStorage 区别

最新推荐文章于 2024-01-14 23:34:07 发布

原创最新推荐文章于 2024-01-14 23:34:07 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

文档梗概专栏收录该内容

7 篇文章

订阅专栏

本文详细对比了Cookie、WebStorage（包括sessionStorage和localStorage）在存储、有效期、作用域和大小限制方面的区别。Cookie每次HTTP请求都会携带，适合小量数据，如会话标识；sessionStorage仅在当前浏览器窗口关闭时失效，而localStorage长期有效，两者存储空间远超Cookie。此外，它们都在同源策略下共享，但sessionStorage不跨窗口共享。

1、cookie 数据始终在同源的 http 请求中携带(即使不需要)，即 cookie 在浏览器和服务器间来回传递
2、cookie 数据还有路径(path)的概念，可以限制。cookie 只属于某个路径下
3、存储大小限制也不同，cookie 数据不能超过 4K，同时因为每次 http 请求都会携带 cookie，所以 cookie 只适合保存很小的数据，如回话标识。
webStorage 虽然也有存储大小的限制，但是比 cookie 大得多，可以达到 5M 或更大
4、数据的有效期不同
sessionStorage:仅在当前的浏览器窗口关闭有效;
localStorage:始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据;
cookie:只在设置的 cookie 过期时间之前一直有效，即使窗口和浏览器关闭
5、作用域不同
sessionStorage:
不在不同的浏览器窗口中共享，即使是同一个页面;
localStorage:在所有同源窗口都是共享的;
cookie:也是在所有同源窗口中共享的