特性 | Cookie | LocalStorage | SessionStorage |
---|---|---|---|
写入方式 | 服务端和前端都可写入,不过http-only情况下只允许服务端写入 | 前端 | 前端 |
存储大小 | 4KB 左右 | 5~10MB | 5~10MB |
生命周期 | 手动设置,默认关闭浏览器失效 | 长期保留,直至用户手动清理缓存 | 当前会话,关闭页面清除 |
服务器交互 | 会 随请求发送到服务器 | 不会 | 不会 |
数据共享 | 同域下所有页面共享 | 同域下所有页面共享 | 当前页面及子页面共享 |
应用场景:
- Cookie :小数据量、需与服务器交互的场景,如保存会话标识(如
token
)。 - LocalStorage :需持久化存储、跨页面共享的数据,如用户设置、主题偏好。
- SessionStorage :页面刷新或跳转时临时保存的数据,如表单填写进度。