首先清除特定站点的Service Worker缓存,可进入Chrome开发者工具的Application选项卡,勾选Cache Storage和Service Workers后点击Clear site data;若问题仍在,可手动注销该站点Service Worker或通过chrome://serviceworker-internals/统一管理。

如果您尝试访问某个网站,但页面显示的内容是旧版本或出现功能异常,则可能是由于Service Worker缓存了过时的数据。以下是解决此问题的步骤:
本文运行环境:MacBook Pro,macOS Sonoma
一、通过开发者工具清除特定站点的Service Worker缓存
此方法可以直接针对出现问题的网站进行精准清理,适用于只想清除单个站点缓存的情况。
2、按下 Option+Command+I 快捷键打开开发者工具(Windows用户使用F12或Ctrl+Shift+I)。
3、切换到“Application”(应用程序)选项卡。
4、在左侧边栏展开“Clear storage”(清除存储)部分。
5、勾选“Cache Storage”和“Service Workers”两个选项。
6、点击“Clear site data”按钮,完成该站点所有缓存数据的清除。
二、通过开发者工具手动注销Service Worker
当网站的Service Worker处于活动状态并持续提供缓存内容时,需要先将其注销以停止其运行。
1、打开目标网站后,启动开发者工具(F12 或菜单操作)。
2、进入“Application”选项卡。
3、在左侧选择“Service Workers”。
4、查看右侧的Service Worker列表,找到当前站点的注册项。
5、点击“Unregister”按钮,立即注销该Service Worker。
6、刷新页面,确保新的资源被重新加载。
三、通过Chrome设置批量清除浏览数据包含Service Worker缓存
此方式会清除浏览器中多个类型的临时数据,适合在无法确定具体问题来源时进行全面清理。
1、点击浏览器右上角的三个垂直点图标,打开主菜单。
2、将鼠标悬停在“更多工具”上,然后选择“清除浏览数据”。
3、在弹出窗口中切换至“高级”选项卡。
4、勾选“Cookies及其他网站数据”和“缓存的图片和文件”。
5、在时间范围下拉菜单中选择“所有时间”以覆盖全部记录。
6、点击“清除数据”按钮,确认操作并等待完成。
四、通过地址栏快速访问并管理所有Service Worker
此方法允许您查看和管理浏览器中所有已注册的Service Worker,便于排查异常实例。
1、在浏览器地址栏输入 chrome://serviceworker-internals/ 并回车。
2、页面将列出所有已注册的Service Worker及其状态。
3、找到与问题网站相关的条目。
4、点击对应条目下的“Unregister”按钮进行注销。
5、关闭标签页后重新打开网站以验证是否恢复正常。











