火狐浏览器CSS更新后页面仍显示旧效果，这事儿说到底挺常见。

服务器上的CSS文件明明已经改好了，浏览器里预览却还是老样子。

原因在于缓存被层层机制锁死了：内存、磁盘、Service Worker、JIT编译码、WebAssembly模块……每个环节都可能把旧的CSS死死拽住不放。

光清空“图片和文件”缓存根本不够用，必须分层击穿，才能让新CSS真正加载生效。

第一步：绕过内存与磁盘缓存强制重载

确保当前标签页就是出问题的那个网页。

光标不要落在地址栏里，按下 Ctrl + Shift + R（Windows/Linux）或 Command + Shift + R（macOS）。

观察地址栏左侧是否出现旋转图标，等页面完全渲染完成。

这一步会跳过所有内存缓存和磁盘缓存，但Service Worker控制的资源依然可能被拦截。

如果页面还没更新，再按一次组合键。

【Service Worker在首次硬刷时可能仍会接管部分请求，第二次才能彻底绕过】。

第二步：卸载并清除Service Worker缓存

Service Worker会拦截网络请求，返回自己缓存的CSS——哪怕服务器上的文件已经换了，它照旧发旧版本。

必须手动清理。

方法一

• 地址栏输入 about:debugging#/runtime/this-firefox 并回车。
• 点击“查看服务工作者”展开列表。
• 找到目标网站对应的服务工作者条目（会显示域名或路径）。
• 点击右侧“卸载”按钮。
• 向下滚动到“存储”区域，点击“清除数据”，勾选“Service Worker Cache”并确认。

方法二（更彻底）

• 打开开发者工具（F12）→ 切换到Application选项卡。
• 左侧菜单点开“Service Workers”。
• 勾选“Unregister”并点击右侧“Unregister”按钮。
• 再点击“Clear storage”按钮，弹窗中勾选全部三项（Cache Storage、Indexed DB、Local Storage），点击“Clear site data”。

第三步：停用JIT与WASM编译缓存

火狐对JS引擎做了深度优化，会把频繁执行的CSS相关逻辑（比如CSSOM操作、动画关键帧计算）编译成WebAssembly模块或JIT代码，并缓存到磁盘。

一旦这些缓存损坏，连带影响CSS解析与应用顺序。

这一步很多人会忽略，但往往是顽固问题的根源。

1. 地址栏输入 about:config → 点击“接受风险并继续”。
2. 搜索 ja vascript.options.wasm，双击设为 false。
3. 搜索 ja vascript.options.baselinejit 和 ja vascript.options.ion，分别双击设为 false。
4. 关闭所有火狐窗口→ 打开系统文件管理器，导航至火狐配置目录下的 cache2 子文件夹（例如 Windows 路径：%APPDATA%MozillaFirefoxProfilesxxx.default-releasecache2）→ 彻底删除该文件夹内全部内容。

第四步：精准定位并清除指定域名CSS缓存条目

如果只有一两个站点样式异常，不想全局清缓存影响其他登录态，可以用这个精确打击的方法。

1. 地址栏输入 about:cache 回车。
2. 点击“主缓存(disk)”下方的“列出缓存条目”链接。
3. 按 Ctrl + F 搜索目标域名（比如 example.com）。
4. 找到以 .css 结尾的条目，复制其“Key”字段完整路径。
5. 把路径粘贴到新标签页地址栏并访问，页面显示 “Not in cache” 就表示清除成功。

《夸克》非常好用的免费AI浏览器

下载APP查看