零基础AI编程17课：为什么刷新后还是旧页面？

你是不是遇到过这种情况：你改了代码，保存了，然后在浏览器里刷新页面，结果看到的还是改之前的样子？

你第一反应是：是不是代码没保存？是不是改错文件了？其实有时候都不是，问题可能出在浏览器缓存上。

什么是浏览器缓存？

简单说，浏览器为了让你下次打开同一个页面更快，会把一些文件临时存到你的电脑里。比如图片、CSS 样式文件、JS 脚本等。

这些文件通常不会频繁变化，浏览器就把它们存起来。下次再打开同一个页面，它就不去服务器重新下载了，直接用存好的版本。

这种事大部分时候是好的，页面加载更快了。但当你自己开发的时候，它就成了一个问题：你改了代码，浏览器不知道你改了，它还是用之前存的老版本，所以你看到的还是旧页面。

如何解决缓存问题？

有三种办法：

1. 强制刷新

在 Windows 上按 Ctrl + F5，在 Mac 上按 Cmd + Shift + R。

这个操作会告诉浏览器：别用缓存了，全部重新下载。大部分情况下，这个操作就能解决。

2. 打开开发者工具，禁用缓存

在开发者工具的 Network 面板设置里，有一个 Disable Cache 选项。勾上之后，只要开发者工具开着，浏览器就不会用缓存。适合开发的时候一直开着。

3. 加版本号

如果你引用的文件后面加一个参数，比如 style.css?v=2，浏览器会把 style.css?v=2 当成一个全新的文件，不会用旧版本的缓存。每次改代码，就把版本号改一下，强制浏览器重新下载。

有些构建工具会自动做这件事。

总结

所以以后改了代码，刷新还是旧页面，别急着怀疑自己改错了，先试试强制刷新。如果还不行，打开开发者工具，看看是不是缓存的问题。

一句话总结：改完代码刷新还是旧的，不一定是改错了，可能是浏览器还在用缓存的旧文件。