排查浏览器缓存:从强刷到缓存策略

页面更新没有生效时,先确认浏览器、代理和 CDN 各自缓存了什么,再调整对应策略。

遇到“代码已经改了,页面还是旧的”,可以先在开发者工具中禁用缓存并重新加载。若问题消失,说明浏览器缓存值得继续检查;若仍然存在,再沿请求链路向外排查。

从近到远定位

  • 确认请求 URL、响应内容和状态码
  • 检查浏览器缓存与 Service Worker
  • 查看反向代理或 CDN 是否返回旧响应
  • 对比资源文件名、ETag 与 Cache-Control

带哈希的静态资源适合长时间缓存;HTML 文档通常需要更快地重新验证。让文件名和缓存策略配合,能减少发布后新旧内容混用的情况。

记录于 Lino笔记。← 回到首页