clear() 方法仅清空特定存储（如 localStorage/sessionStorage），无法一键清除所有本地缓存；完整清理需分层处理 IndexedDB、Cache API、Service Worker 等，并推荐使用浏览器站点设置一次性清除。
clear() 方法本身不直接清空“所有本地缓存数据”，它只作用于特定存储接口：localStorage.clear() 清当前源的 localStorage，sessionStorage.clear() 清当前标签页的 sessionStorage。但所谓“所有本地缓存数据”实际包含多个独立机制——它们互不影响，也不能靠一个 .clear() 调用一并清除。安全、彻底清理需分层处理，且必须明确目标和风险。
明确哪些数据属于“HTML5本地缓存”
浏览器中与 HTML5 相关的客户端持久化/会话型存储包括：
-
localStorage和sessionStorage（键值对，JS 可直接操作） -
IndexedDB（结构化数据库，常用于离线 PWA） -
Cache API（Service Worker 管理的资源缓存，如caches.open('v1').delete(...)） -
Service Worker注册本身（可能拦截请求并返回旧缓存） - （已废弃但可能残留）
Application Cache（manifest 缓存）
⚠️ 注意：这些全部按 origin（协议+域名+端口）隔离，http://localhost:3000 和 http://127.0.0.1:3000 是两个不同 origin，各自数据互不干扰。
安全清空当前域下全部存储的推荐方式
不是写一行 clear() 就完事，而是按优先级、可控性、验证闭环来操作：
立即学习“前端免费学习笔记（深入）”；
-
在开发者工具 Console 中依次执行（仅限当前页面主上下文，非 iframe）：
html-to-pptx-converter下载使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
localStorage.clear(); sessionStorage.clear();
✅ 优点：同步、无副作用、不删其他 origin 数据
❌ 局限：不碰 IndexedDB、Cache API、Service Worker -
清除 IndexedDB（需指定库名或遍历删除）：
// 列出当前 origin 所有数据库名（Chrome/Firefox 支持） indexedDB.databases().then(dbs => { dbs.forEach(db => { indexedDB.deleteDatabase(db.name); console.log('Deleted DB:', db.name); }); });⚠️ 注意：部分老浏览器不支持
indexedDB.databases()，此时需在 Application → IndexedDB 面板手动右键删除。 -
清除 Service Worker 缓存 + 注册：
// 先删所有 Cache API 缓存 caches.keys().then(keys => Promise.all(keys.map(key => caches.delete(key))))); // 再注销所有 Service Worker navigator.serviceWorker.getRegistrations().then(regs => Promise.all(regs.map(reg => reg.unregister())) );
-
验证是否真清空：
打开 DevTools → Application 标签页 → 左侧逐项展开：- Local Storage → 对应 origin 下应为空列表
- Session Storage → 同上
- IndexedDB → 无数据库条目
- Cache Storage → 无缓存名称（或点开后内容为空）
- Service Workers → Status 显示 “No service worker registered”
更稳妥的替代方案：用浏览器原生站点设置一次性清空
比手敲 JS 更可靠，尤其适合用户端或测试环境：
- 访问任意该域名下的页面（如
https://your-app.com） - 点地址栏左侧 ? 锁形图标 → 网站设置 → 滚动到底部 → Cookie 及其他网站数据 → 删除数据
- 此操作会同步清除：
localStorage、sessionStorage、IndexedDB、Cache API、Service Worker、Storage Buckets（Chrome 94+）、甚至Web SQL（若存在）
✅ 优势：不依赖脚本执行环境，避开跨域/SW 上下文限制，无遗漏风险
❌ 不适用场景：无法打开页面时（此时可用 chrome://settings/siteData?search=your-domain）
不建议的操作
- 仅靠
location.reload(true)或Ctrl+F5：只刷新 HTTP 缓存，对localStorage等零影响 - 在
beforeunload中调用localStorage.clear()：移动端易被中断，不可靠 - 执行
localStorage.clear()后不验证：控制台返回undefined≠ 实际清空（可能运行在错误 origin 或 iframe 中） - 用命令行删
%LOCALAPPDATA%\Google\Chrome\User Data\Default\Local Storage\文件夹：需同时删IndexedDB、Cache等对应目录，否则引发数据不一致错误
不复杂但容易忽略
