html5本地存储需分层清除：①localstorage/sessionstorage用.clear()或.remove()按需清理；②indexeddb需调用deletedatabase()或devtools手动删；③cache api和service worker须先caches.delete()再unregister()；④最安全方式是通过浏览器站点设置一键清除全部存储层。
HTML5 本地存储不是单一机制，而是多个相互独立的存储层。所谓“安全清除”，核心是**按需操作、分层处理、避免误删、验证结果**——不能只调一个 clear() 就以为万事大吉。
一、精准清空 localStorage / sessionStorage
这两类是键值对存储，最常用也最容易误操作：
-
全清当前源数据：在目标页面控制台执行
localStorage.clear()或sessionStorage.clear()。注意：sessionStorage只影响当前标签页，关掉即失，无需主动清；但用户登出等场景建议手动调用，防止敏感信息残留。 -
更安全的做法是按 key 删除：比如
localStorage.removeItem('token')、localStorage.removeItem('userPrefs')。若需保留部分配置，可用localStorage.key(i)遍历 + 白名单过滤，避免误删关键项。 -
注意触发时机：
clear()不触发storage事件，而removeItem()和setItem()会。如果其他模块依赖该事件同步状态（如多标签页通信），请优先用 removeItem。
二、彻底清理 IndexedDB 数据库
IndexedDB 是结构化数据库，体积常达 MB/GB 级，不会被 clear() 影响，也不能靠刷新或关页释放：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
现代浏览器推荐方式：在控制台运行以下代码，自动列出并删除当前 origin 所有数据库：
indexedDB.databases().then(dbs => dbs.forEach(db => indexedDB.deleteDatabase(db.name))) -
兼容性兜底方案：老版本 Chrome/Firefox 不支持
databases()，此时需打开 DevTools → Application → Storage → IndexedDB，右键逐个删除。 -
开发调试提示：删除后，下次脚本调用
indexedDB.open('mydb')会重新初始化空库。若页面行为未变，可能是 Service Worker 仍返回旧缓存，需继续往下查。
三、清除 Cache API 与注销 Service Worker
Service Worker 控制资源加载逻辑，其缓存（Cache API）和注册本身必须主动清理，否则即使删光 localStorage，页面仍可能跑旧 JS、展示旧 UI：
-
先清缓存：执行
caches.keys().then(keys => Promise.all(keys.map(key => caches.delete(key))))。如只需删某版缓存，改用caches.delete('v2-cache')更稳妥。 -
再注销 SW：运行
navigator.serviceWorker.getRegistrations().then(regs => Promise.all(regs.map(r => r.unregister())))。注意：注销后需刷新页面，且新 SW 才能生效；若有待激活 worker，可在 DevTools → Application → Service Workers 勾选 “Update on reload” 并点 “Skip waiting”。 - 验证是否生效：刷新后检查 Network 面板，资源请求应显示 “from network” 而非 “(from ServiceWorker)” 或 “(from disk cache)”。
四、用浏览器站点设置一键清空全部（最安全省心）
对非开发者或需彻底重置某网站时，这是最推荐的方式——它涵盖所有 HTML5 存储层，且不波及其他站点：
- 打开目标网页（如 https://app.example.com），点击地址栏左侧锁形图标 → “网站设置” → 滚动到底部 “Cookie 及其他网站数据” → 点击 “删除数据”。
- 或直接访问
chrome://settings/content/siteDetails?site=https%3A%2F%2Fexample.com（把 URL 编码替换为实际域名）。 - 此操作会清除：localStorage、sessionStorage、IndexedDB、Cache Storage、Service Worker 注册、甚至 Storage Bucket（Chrome 94+），但不包括 HTTP 磁盘缓存（需单独在 chrome://settings/clearBrowserData 中勾选 “缓存的图片和文件”）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
