浏览器存储

浏览器存储

浏览器存储有三种方式

• cookie

• sessionStorage

• localStorage

cookie主要是存放用户登录凭证、会话状态等，它在同域请求下会自动被携带，因此不宜存放过多信息。

storage目前主流浏览器都已经支持，如果要存储的信息不需要作为cookie发送到服务器，则建议存入storage中。

方法/区别	cookie	sessionStorage	localStorage
存储时间	可设置失效时间，默认是关闭浏览器	在当前网页会话下有效，关闭页面或浏览器后就会被清除	除非被手动清除，否则将会长期保存。
存储大小限制	4kb左右	5m	5m
http请求	同域请求会被写到http头中	仅保存在客户端	仅保存在客户端
易用性	需要封装	可以直接使用	可以直接使用
应用场景	存储用户身份信息，如token等	存储仅在当前会话需要的信息	存储需要长期保存的信息
兼容性	兼容性非常好	html5新特性，部分浏览器不支持	html5新特性，部分浏览器不支持