firefox前端调试需禁用多层缓存:通过about:config将network.http.use-cache、browser.cache.disk.enable、browser.cache.memory.enable设为false;或用ctrl+shift+r硬重载;或设browser.cache.check=1实现每次检查服务器更新。

前端开发时反复修改CSS或JS文件,刷新页面却看不到最新效果,根本原因是Firefox默认启用多层缓存机制,必须主动禁用才能确保每次请求都拉取真实服务器资源。
通过about:config永久禁用核心缓存
这是最彻底的调试方案,适用于整日写代码、频繁改静态资源的场景。
第一步:在Firefox地址栏输入 about:config → 按回车 → 点击“我了解此风险”。
第二步:在顶部搜索框中依次输入并双击修改以下三项,全部设为 【false】:
• network.http.use-cache
• browser.cache.disk.enable
• browser.cache.memory.enable
注意:禁用内存缓存(browser.cache.memory.enable)在2026年新版Firefox中已无明显性能副作用,但若页面出现偶发卡顿,可单独将其恢复为true,其余两项保持false仍能达成调试目标。
临时绕过缓存的快捷操作
不改配置、不重启浏览器,立刻让当前页面丢弃所有本地缓存重载资源。
方法一:按住 Ctrl + Shift + R(Windows/Linux)或 Cmd + Shift + R(macOS),松开即触发硬重载。
方法二:点击地址栏右侧的刷新按钮 → 同时按住 Shift 键再单击该按钮。
方法三:右键刷新按钮 → 选择“重新加载页面并绕过缓存”。
强制每次检查服务器资源更新
保留缓存结构但杜绝“假命中”,适合需要兼顾加载速度又不能容忍陈旧内容的调试阶段。
在 about:config 页面搜索 browser.cache.check → 双击该项 → 将数值从默认的 3 改为 1。
这个值代表检查策略:
• 0 = 每个会话只查一次
• 1 = 每次访问都向服务器发送条件请求(【开发人员强烈建议开这个】)
• 2 = 完全不检查
• 3 = 浏览器自动判断是否检查
关闭预加载与预测性缓存
防止Firefox在你还没点击链接时就偷偷下载资源并塞进缓存,干扰调试逻辑。
在 about:config 中依次搜索并双击设为 【false】:
• network.predictor.enabled
• network.prefetch-next
• browser.prerender.enabled
再搜索 network.http.speculative-parallel-limit → 双击改为 0。











