Skip to content

cookie&sessionStorage&localStorage

从三方面来分析

存储大小

cookie数据始终在同源的http请求中携带(即使不需要);最大不能超过4k,所以cookie只适合保存很小的数据,如会话标识。

sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存,存储大小可以达到5M或更大。

ps: 跨域请求默认不携带cookie,如需携带请求头设置:withCredentials: true,服务端响应头设置:Access-Control-Allow-Credentials = true

时效性

sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持。

localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据。

cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。

作用域

sessionStorage不能在不同的浏览器窗口中共享,即使是同一个页面。

localStorage 在所有同源窗口中都是共享的。

cookie的共享取决于cookie的domain字段与path字段( 默认/ )。