本地存储（Local Storage）、会话存储（Session Storage）、IndexedDB 和 Cookies 区别及抗清除能力

本地存储（Local Storage）、会话存储（Session Storage）、IndexedDB 和 Cookies 是前端开发中常用的客户端存储技术，它们在用途、生命周期、容量和特性上有显著区别。以下是它们的详细对比：

1. 本地存储（Local Storage）

• 特点：
  • 持久性：数据永久存储，除非手动清除（通过代码或浏览器设置）。
  • 作用域：同一域名下的所有页面共享数据。
  • 容量：约 5MB（不同浏览器可能略有差异）。
  • API：简单的键值对存储（setItem/getItem）。
• 使用场景：
  • 长期保存用户偏好设置（如主题、语言）。
  • 缓存静态资源或非敏感数据。
• 示例：

JavaScript

localStorage.setItem('key', 'value'); const data = localStorage.getItem('key');

2. 会话存储（Session Storage）

• 特点：
  • 临时性：数据仅在当前浏览器标签页或会话期间有效，关闭标签页后自动清除。
  • 作用域：仅限当前标签页，同一域名的其他标签页无法访问。