浏览器的几种存储方式(图表形式)
| 存储方式 | 特点 | 应用场景 | 示例 | 有效期 | 容量 | 是否共享 | 安全性 | |
|---|---|---|---|---|---|---|---|---|
| Cookie | 存储少量数据,例如用户偏好、登录状态等 | 用户认证、个性化设置 | 登录状态、语言偏好 | 会话或永久 | 4KB | 同源 | 中等 | |
| Local Storage | ️ | 永久存储数据,同源页面可以共享数据 | 离线应用、用户设置 | 购物车内容、应用配置 | 永久 | 5MB | 同源 | 高 | 
| Session Storage | 会话存储数据,关闭浏览器后数据丢失,同源页面可以共享数据 | 临时数据、会话状态 | 聊天记录、表单数据 | 会话 | 5MB | 同源 | 高 | |
| IndexedDB | ️ | 存储大量结构化数据,支持事务操作,可以使用 SQL 语句查询数据 | 离线应用、大型数据存储 | 离线数据库、音视频缓存 | 永久 | 250MB-50TB | 同源 | 高 |