网页改了却没更新?先认识浏览器缓存
页面文件已经修改,浏览器却还显示旧样式,这是学习网页制作时常见的情况。缓存是原因之一,但也要检查保存位置和实际访问地址。
缓存为什么存在
浏览器可能暂存图片、样式和脚本,以减少重复下载。服务器也可以通过响应头告诉浏览器资源可以使用多久,或是否需要再次确认资源有没有变化。
缓存能加快访问,但更新文件后,旧资源有时会继续被使用。清理前先确认页面是否真的访问了刚刚修改的文件。
先检查地址与文件
- 确认修改已经保存,文件名与上传位置正确。
- 核对当前访问的是带 www 还是不带 www 的地址。
- 如果部署了多个站点,检查域名绑定的目录。
- 直接打开样式文件地址,确认内容是否已经更新。
从小范围刷新开始
先执行普通刷新,再尝试浏览器的重新加载或开发者工具中的禁用缓存功能。不同浏览器的菜单与快捷键可能不同,应以当前版本界面为准。
也可以新开隐私窗口进行对照测试。它有助于排除部分本地状态,但不能据此判断服务器或 CDN 完全没有缓存。
检查其他缓存层
如果另一台设备看到的也是旧内容,检查站点是否使用了 CDN、反向代理或应用自身的页面缓存。如果网站注册了 Service Worker,它也可能参与资源缓存。
不要一遇到旧页面就删除全部浏览记录。先定位问题范围,能减少无关数据丢失。
更新静态资源的小习惯
可以在发布新样式时使用带版本的文件名,例如 style-v2.css,并同步更新引用。对于设置了长期缓存的资源,文件名包含内容哈希是另一种常见方式。
修改后分别检查桌面和手机页面,记录实际更新的文件,下一次排查会更直接。
本篇完
记录过程,也保留下一次继续学习的入口。