谷歌浏览器的停用缓存功能,是做什么用的
谷歌浏览器(Google Chrome)中的“停用缓存”(Disable cache)功能,主要用于在开发或调试网页时强制浏览器不使用任何已缓存的资源,而是每次都从服务器重新加载所有内容。这个功能通常在 开发者工具(DevTools) 中启用。
一、作用详解
-
确保获取最新内容
当你正在开发一个网站或 Web 应用,并频繁修改 HTML、CSS、JavaScript 或图片等资源时,如果不禁用缓存,浏览器可能会继续使用旧的缓存文件,导致你看到的页面不是最新版本,从而影响调试效果。 -
避免缓存干扰调试
缓存可能导致:- 样式未更新(CSS 缓存)
- 脚本逻辑错误(JS 缓存)
- 图片/图标显示旧版
- API 响应被缓存(如使用 Service Worker)
-
模拟首次访问体验
禁用缓存后,可以更真实地测试用户第一次打开网页时的加载行为和性能。
二、如何启用“停用缓存”
- 打开 Chrome 浏览器,访问目标网页。
- 按下
F12或Ctrl + Shift + I(Mac:Cmd + Option + I)打开 开发者工具。 - 切换到 Network(网络) 选项卡。
- 勾选顶部的 Disable cache(停用缓存)复选框。
⚠️ 注意:该选项仅在开发者工具打开时生效。关闭 DevTools 后,缓存机制会恢复正常。
三、与其他清除缓存方式的区别
| 方式 | 是否临时 | 是否影响全局 | 适用场景 |
|---|---|---|---|
| 开发者工具 → Disable cache | 是(仅 DevTools 开启期间) | 仅当前标签页 | 开发调试 |
| Ctrl + F5 / Ctrl + Shift + R | 否(单次强制刷新) | 单次请求 | 快速查看最新页面 |
| 设置中清除缓存 | 否(永久删除) | 全局所有网站 | 隐私清理或解决显示问题 |
| 扩展程序(如 CacheKiller) | 可配置 | 可全局或按站点 | 高频开发者 |
四、注意事项
- 启用“停用缓存”后,页面加载会变慢,因为所有资源都要重新下载。
- 它不会清除已有缓存,只是暂时忽略缓存。
- 对 Service Worker 缓存 或 IndexedDB 等存储机制无效,需单独处理。
总结
“停用缓存”是前端开发者的调试利器,用于确保浏览器始终加载最新的网页资源,避免因缓存导致的“代码改了但页面没变”的问题。日常浏览无需开启,仅在开发或排查问题时使用。

浙公网安备 33010602011771号