HTML5 应用“卸干”需四步：先注销 Service Worker，再清缓存与 Cookies，接着用开发者工具清除 Cache Storage、IndexedDB 和 localStorage，最后验证首次加载变慢、登录态丢失、离线报错及 PWA 图标消失。
HTML5 本身没有“卸载”概念——它不是软件，而是网页标准。你真正想操作的，是 运行在教学机上的基于 HTML5 的教学应用（比如离线课件、PWA 类学习平台、或嵌入式 Web 应用），这类应用可能通过 Service Worker 缓存资源、用 IndexedDB 存本地数据、甚至被安装为“桌面图标”（即 PWA 安装态）。所谓“卸干”，其实是清空其全部残留状态与缓存。
为什么 普通刷新或删历史不管用？
因为 HTML5 应用可自主控制缓存：– Service Worker 会长期驻留，拦截网络请求并返回旧缓存；– Cache API 存储的资源不会随 浏览器 缓存一起清除；– IndexedDB 和 localStorage 中的用户数据、进度、配置完全独立于常规浏览数据；– 若该教学应用曾调用 navigator.setAppBadge() 或注册了通知权限，这些也要手动重置。
彻底清理 HTML5 教学应用的四步实操
以 Chrome/Edge（Chromium 内核）教学机为例，按顺序执行：
- 关闭所有含该教学应用的标签页（包括后台页）
- 进入
chrome://serviceworker-internals/→ 找到对应 URL → 点击Unregister - 进入
chrome://settings/clearBrowserData→ 时间范围选“所有时间”→ 仅勾选：缓存的图片和文件、Cookies 及其他网站数据→ 清除 - 打开开发者 工具（
F12）→ 切换到Application选项卡 → 左侧依次点击：Clear storage→ 勾选全部（尤其是Cache storage、IndexedDB、Local storage）→ 点击Clear site data
⚠️ 注意：如果教学机使用的是定制系统（如某些国产教育终端），可能禁用了
chrome://地址栏访问。此时需进入设备“应用管理”中查找该 HTML5 应用的包名（常含webview或pwa字样），强制停止 + 清除数据 —— 这步等效于上面四步的总和。
如何验证是否“卸干”成功？
重新访问教学应用首页后，应出现以下任一现象，才说明清理到位：
立即学习 “ 前端免费学习笔记（深入）”；
- 首次加载明显变慢（说明没走旧缓存，而是重新拉取资源）
- 登录态丢失，且无法自动恢复（
localStorage已清） - 离线时页面空白或报
net::ERR_FAILED（Service Worker 已注销，无兜底逻辑） - 地址栏左侧不再显示“已安装”图标（PWA 安装态已被移除）
if ('serviceWorker' in navigator) {navigator.serviceWorker.getRegistrations().then(regs => {regs.forEach(r => r.unregister()); // 主动注销所有 SW }); }关键点不在“删得够不够多”，而在于 顺序不能错：必须先注销 Service Worker，再清存储，否则新 SW 可能立刻重建缓存。很多教学机反复清理无效，就是卡在这一步。
