Service Worker缓存导致网站加载旧资源,可通过五种方法清除:一、开发者工具注销并删除单站点缓存;二、chrome://serviceworker-internals全局注销;三、chrome://settings/siteData整站清除;四、清除浏览数据批量移除;五、隐身窗口验证是否为根本原因。

如果您访问网站时持续加载旧版本资源,即使已更新服务器内容,问题很可能源于Service Worker长期驻留并控制缓存逻辑。以下是释放谷歌浏览器中顽固Service Worker缓存的多种操作路径:
一、通过开发者工具精准注销并清除单站点Service Worker
此方法直接作用于当前打开的目标网站,先终止其后台服务进程,再删除关联缓存,避免残留状态干扰新资源加载。
1、在谷歌浏览器中打开出现旧缓存问题的网站页面。
2、按下 F12(Windows/Linux)或 Cmd+Option+I(macOS) 打开开发者工具。
3、切换到 Application(应用程序) 选项卡。
4、在左侧边栏点击 Service Workers,查看右侧注册列表。
5、找到当前站点对应的Service Worker条目,点击其下方的 Unregister 按钮。
6、展开左侧边栏中的 Cache Storage,定位与该站点匹配的缓存名称。
7、右键每个相关缓存条目,选择 Delete,逐个移除。
二、使用 chrome://serviceworker-internals 界面全局管理所有注册实例
该内置页面提供浏览器级Service Worker全量视图,支持对任意注册项执行强制注销,尤其适用于跨子域、多环境部署引发的缓存污染场景。
1、在地址栏输入 chrome://serviceworker-internals/ 并按回车键。
2、等待页面加载完成,列出全部已注册Service Worker及其源地址、状态和启动时间。
3、查找目标网站完整URL(例如 https://example.com/),确认其状态为 activated 或 waiting。
4、点击对应条目右侧的 Unregister 按钮。
5、若存在多个同源但路径不同的注册(如 /sw.js 和 /app/sw.js),需分别注销。
三、通过 chrome://settings/siteData 页面定向清除整站数据(含Service Worker)
此方式以域名粒度彻底删除包括Service Worker脚本、Cache Storage、IndexedDB、LocalStorage在内的全部持久化数据,不依赖页面是否可访问,适合页面已崩溃或重定向异常时使用。
1、在地址栏输入 chrome://settings/siteData 并回车。
2、在顶部搜索框中输入目标网站的 精确域名(不含协议和路径),例如 example.com。
3、在结果列表中找到对应条目,确认其“来源”字段显示完整匹配的协议+域名组合。
4、点击该条目右侧的三个点图标,选择 Remove。
5、在弹出的确认对话框中点击 删除,系统立即清除该域名下所有存储数据。
四、通过清除浏览数据批量移除Service Worker及关联缓存
当无法定位具体问题站点,或怀疑多个第三方SDK(如CDN、分析脚本)自动注册了Service Worker时,该方法可一次性清除所有站点的Service Worker注册记录与缓存存储。
1、点击浏览器右上角三个垂直点图标,选择 设置。
2、在左侧菜单滚动到底部,点击 高级 展开更多选项。
3、在“隐私和安全”区域点击 清除浏览数据。
4、切换至 高级 选项卡,将时间范围设为 所有时间。
5、勾选 Cookies及其他网站数据 和 缓存的图片和文件。
6、点击 清除数据,等待操作完成。
五、使用隐身窗口验证Service Worker是否为根本原因
隐身模式默认禁用所有已注册的Service Worker且不读取本地缓存,可快速判断问题是否由Service Worker导致,无需执行清理操作即可完成诊断。
1、按下 Ctrl+Shift+N(Windows/Linux)或 Cmd+Shift+N(macOS) 打开新的隐身窗口。
2、在隐身窗口中直接访问目标网站URL,确保地址栏显示完整协议与路径。
3、观察页面是否正常加载最新资源,无样式错乱、脚本失效或内容陈旧现象。
4、若隐身模式下表现正常,则 可确认问题根源为Service Worker缓存,应结合前述任一方法进行清除。



















