火狐浏览器调试时资源不更新,因默认启用内存/磁盘缓存;需在开发者工具中勾选“禁用缓存(仅在开发者工具打开时)”,或用Ctrl+Shift+R硬重载,或在about:config中禁用多层缓存及预测性预加载。

前端调试时反复修改JS或CSS文件,刷新页面却看不到最新效果,是因为火狐浏览器在开发者工具未启用禁用缓存功能时,默认仍会从内存或磁盘读取旧资源。
通过开发者工具快速禁用缓存
第一步:打开目标网页 → 按 F12 打开开发者工具。
第二步:点击右上角三个点(⋯)→ 选择“设置”(Settings)。
第三步:在左侧菜单中点击“高级设置”(Advanced Settings)→ 向下滚动找到“禁用缓存(仅在开发者工具打开时)”选项 → 勾选它。
这一步生效后,所有网络请求都会绕过本地缓存,强制向服务器发起全新请求。注意:【该选项仅在开发者工具保持打开状态时有效】,关闭控制台后缓存行为自动恢复。
临时硬重载——不依赖控制台开关
方法一:按 Ctrl + Shift + R(Windows/Linux)或 Cmd + Shift + R(macOS),立即丢弃当前页面全部缓存并重载资源。
方法二:鼠标悬停在地址栏右侧的刷新按钮上 → 按住 Shift 键 → 单击刷新按钮。
方法三:右键刷新按钮 → 选择“重新加载页面并绕过缓存”。
这三种方式本质相同,都是触发 HTTP 请求头中 Cache-Control: no-cache 和 Pragma: no-cache 的强制校验行为,确保服务端返回最新内容。
永久禁用多层缓存(适合整日编码场景)
① 在地址栏输入 about:config → 按回车 → 点击“我了解此风险”。
② 搜索 network.http.use-cache → 双击设为 false。
③ 搜索 browser.cache.disk.enable → 双击设为 false。
④ 搜索 browser.cache.memory.enable → 双击设为 false。
禁用内存缓存(browser.cache.memory.enable)在2026年新版Firefox中已无明显性能副作用,但若页面出现偶发卡顿,可单独将其恢复为true,其余两项保持false仍能达成调试目标。
立即学习“前端免费学习笔记(深入)”;
关闭预测性预加载,防止缓存污染
在 about:config 页面中依次搜索并双击设为 false:
• network.predictor.enabled
• network.prefetch-next
• browser.prerender.enabled
再搜索 network.http.speculative-parallel-limit → 双击改为 0。
这些设置能阻止 Firefox 在你尚未点击链接前就偷偷建立连接、预取资源并塞进缓存,避免干扰调试逻辑。


















