你有没有遇到过这种情况：辛辛苦苦改完网页，上传到服务器，刷新浏览器却发现还是老样子？新写的文字没出现，新换的图片也还是旧的。别急着怀疑人生，大概率不是操作失误，而是浏览器把你“骗”了——它正在展示缓存里的旧内容。
缓存是啥？为啥它不让我看新东西？
浏览器为了让你打开网页更快，会把一些资源存下来，比如 HTML 文件、图片、CSS 样式表。下次访问时，直接从本地拿，不用重新下载。这本来是好事，但当你更新了网站，浏览器可能还傻乎乎地用旧的缓存，导致你看不到最新内容。
怎么判断是不是缓存的问题？
最简单的办法是换个设备或者用手机流量打开网站。如果别人能看到新内容，只有你这边不对劲，那基本就是你的浏览器缓存搞鬼。
清缓存其实很简单
不同浏览器操作略有不同，但通用方法是强制刷新。Windows 和 Linux 用户按 Ctrl + F5，Mac 用户按 Cmd + Shift + R，这能绕过缓存，直接从服务器加载最新版本。
如果还不行，可以手动清除浏览器缓存：
- Chrome：点右上角三个点 → 设置 → 隐私和安全 → 清除浏览数据 → 选“缓存的图片和文件” → 点清除
- Safari：偏好设置 → 隐私 → 管理网站数据 → 移除所有
- Firefox：菜单 → 选项 → 隐私与安全 → Cookies 与网站数据 → 清除数据
服务器端也可能有缓存
有时候你清了浏览器缓存还是不行，那可能是网站用了 CDN 或者服务器缓存。比如你用的是 WordPress 搭建的网站，装了 WP Super Cache 这类插件，就得去后台手动清一下插件缓存。
CDN 服务像 Cloudflare 也有自己的缓存机制。登录后台，在“缓存”选项里找“清除缓存”按钮就行。
开发时怎么避免这个问题？
写代码的时候，可以开启浏览器的“无痕模式”或“开发者工具”里的“Disable cache”选项。这样每次刷新都是最新资源，不会被缓存干扰。
另外，给静态资源加版本号也能破缓存，比如：
<link rel="stylesheet" href="style.css?v=1.2">每次更新 CSS，改一下 v 后面的数字，浏览器就会当成新文件重新下载。
网站更新后看不到变化，先别慌，想想是不是缓存还没过期。清一清，刷一刷，往往问题就解决了。