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 可能立刻重建缓存。很多教学机反复清理无效，就是卡在这一步。
