## Chrome 存储机制

Chrome 浏览器提供了多种存储机制，满足不同场景下的数据存储需求。

### 存储类型

1. **LocalStorage**
   - 容量：约 5-10MB
   - 持久化存储，数据不会过期
   - 同源页面共享数据
   - 只能存储字符串类型

2. **SessionStorage**
   - 容量：约 5-10MB
   - 会话级别存储，页面关闭后失效
   - 同源页面不共享数据
   - 只能存储字符串类型

3. **IndexedDB**
   - 容量：通常为可用磁盘空间的 50%
   - 持久化存储，支持大量数据
   - 支持事务和索引
   - 可以存储对象、数组等复杂数据类型

4. **Cookies**
   - 容量：约 4KB
   - 可以设置过期时间
   - 每次请求都会发送到服务器
   - 支持设置 HttpOnly 和 Secure 属性

5. **Web SQL（已废弃）**
   - 基于 SQL 的数据库
   - 已被 IndexedDB 取代
   - 不建议在新项目中使用

### 使用场景

- **LocalStorage**：用户偏好设置、主题选择
- **SessionStorage**：表单临时数据、页面状态
- **IndexedDB**：离线应用、大量数据存储
- **Cookies**：用户认证、会话管理

### 最佳实践

- 根据数据大小和访问频率选择合适的存储方式
- 敏感数据应使用 HttpOnly Cookie
- 大数据使用 IndexedDB
- 定期清理过期数据
- 注意存储配额限制

Chrome 浏览器有哪些存储机制？

Chrome 存储机制

存储类型

使用场景

最佳实践