火狐开发者工具中勾选“禁用缓存”并配合shift刷新可强制重载资源:打开network面板、确保录制开启、勾选“disable cache”,再用ctrl+shift+r强制刷新。

前端开发时反复修改HTML、CSS或JS后页面不更新,八成是缓存惹的祸——火狐开发者工具里勾一个选项就能让每次刷新都强制重载全部资源,跳过本地磁盘与内存缓存。
打开开发者工具并进入网络面板
在目标网页按 Ctrl + Shift + I(Windows/Linux)或 Cmd + Option + I(macOS)唤出开发者工具 → 点击顶部标签栏中的 网络(Network) 选项卡 → 确保左上角的录制按钮(●)为红色;若为灰色,点击一次激活,否则后续禁用缓存将无效,页面请求根本不会被监控。
勾选“禁用缓存”开关
在网络面板顶部工具栏中,找到并勾选 禁用缓存(Disable Cache) 复选框 → 【该设置仅在开发者工具开启且 Network 标签页处于激活状态时生效】→ 此时刷新页面(Ctrl + R 或 Cmd + R),所有资源均绕过缓存,从服务器重新拉取。
配合强制刷新确保生效
第一步:刷新前确认禁用缓存已勾选 → 第二步:按住 Shift 键的同时点击地址栏右侧的刷新按钮,或使用快捷键 Ctrl + Shift + R(Windows/Linux)、Cmd + Shift + R(macOS)→ 这会忽略所有缓存策略,包括代理缓存和304协商缓存 → 若仍看到毫秒级 TTFB(如 2ms),说明禁用未起效,需检查是否 Network 面板未激活或勾选遗漏。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











