清除谷歌浏览器缓存后仍显示旧页面，是因为Service Worker、Cache Storage、CDN及强缓存策略未被清除；需强制刷新（Ctrl+Shift+R/Cmd+Shift+R）并确认“已跳过缓存”，再禁用开发者工具缓存，最后精准清除当前站点的Service Worker与存储数据。
谷歌浏览器清除缓存后仍显示旧页面，是因为只清除了磁盘缓存层，而Service Worker、Cache Storage、CDN响应或网页自身的强缓存策略仍在生效，浏览器根本没向服务器发起新请求；必须用组合手段绕过全部缓存层级才能看到真实更新。
先确认是否真跳过了缓存
按下 Ctrl + Shift + R（Windows/Linux）或 Cmd + Shift + R（macOS）强制刷新。注意看地址栏右侧——必须出现“已跳过缓存”提示才算成功。若没出现，说明快捷键被输入法、远程桌面或某些键盘管理软件拦截，立刻改用开发者工具方式。
这一步操作起来很简单，直接按组合键就行，但它是后续所有操作的前提。没看到提示就等于白刷。
用开发者工具禁用缓存（持续调试模式）
按下 F12 打开开发者工具 → 切换到 Network 选项卡 → 勾选顶部的 Disable cache (while DevTools is open) 复选框。
勾选后，只要开发者工具开着，哪怕你点普通刷新按钮或按 F5，Chrome 都会无视所有缓存策略，每次请求都直连服务器。关闭开发者工具即自动恢复缓存逻辑——这个开关不保存、不跨标签页，安全无副作用。
精准清除当前网站的 Service Worker 与底层存储
第一步：确保已打开目标网站（比如 https://your-site.com），且页面完全加载完成（不是白屏、不是跳转中）。
第二步：按下 F12 打开开发者工具 → 切换到 Application 选项卡 → 左侧点击 Clear storage。
【务必确认顶部 Site 显示的是当前目标域名，例如 https://your-site.com】——如果显示的是 chrome:// 或其他域名，后续操作将清错地方，完全无效。
第三步：勾选 Cache Storage 和 Service Workers；建议同步勾选 IndexedDB 与 Local Storage，避免旧状态残留干扰新版本逻辑。
第四步：点击 Clear site data 按钮，等待提示“已清除 X 项”后关闭面板。
手动注销并删除残留 Service Worker
方法一：强制更新并注销
在 Application → Service Workers 页面 → 勾选 Update on reload → 刷新页面 → 若出现灰色 skip waiting 按钮，先点击它 → 再点击 Unregister。
方法二：全局注销（适用于多个子域或 PWA 类应用）
在地址栏输入 chrome://serviceworker-internals/ 并回车 → 找到对应网站域名那一行 → 点击右侧 Unregister 按钮。
这一步必须做，因为 Service Worker 是独立进程，注册后可长期驻留，即使你关掉所有标签页也不会自动退出。
