浏览器缓存导致代码修改后仍显示旧内容，可通过强制刷新（Ctrl+F5或Cmd+Shift+R）、开发者工具禁用缓存（Network面板勾选Disable cache）、清除全部网站数据（含baidu.com和bdstatic.com）及静态资源加版本号或哈希后缀解决。
你在百度浏览器里改完HTML、CSS或JS代码，保存后刷新页面却还是旧内容，不是代码没保存成功，而是浏览器把上一次加载的资源原封不动从本地硬盘或内存里拿出来了，压根没去服务器重新拉新文件。
确认是不是缓存惹的祸
按 F12 打开开发者工具 → 切换到 Network 标签页 → 刷新页面 → 找到 main document（通常是 index.html 或网页名）那一行 → 看 Status 列：如果显示 200 OK (from memory cache) 或 200 OK (from disk cache)，说明浏览器根本没发请求，直接用了缓存，问题就在这里。
如果状态码是 200 但没有括号备注，或者显示 304，那可能是服务器端缓存或协商缓存生效，但当前阶段先聚焦浏览器本地缓存。
立刻见效的强制刷新法
方法一：按住 Ctrl + F5（Windows）或 Cmd + Shift + R（macOS），这是硬性刷新，浏览器会丢弃所有本地缓存副本，强制向服务器发起全新请求。
方法二：在 Network 面板中勾选 Disable cache（禁用缓存）→ 然后再按 F5 刷新。注意：这个开关只在开发者工具打开时才起作用，关掉控制台就失效。
⚠️ 提示：Disable cache 不会影响已打开的其他标签页，必须在目标网页的开发者工具里开启并刷新该页才有效。
清除顽固缓存的三步操作
第一步：点击右上角「三横线」→「设置」→「隐私设置和安全性」→「清除浏览数据」。
第二步：时间范围选「所有时间」→ 勾选「Cookie及其他网站数据」+「缓存的图像和文件」+「网站存储的媒体许可证」。
第三步：点开「高级」→「所有网站」→ 分别找到并删除 baidu.com 和 bdstatic.com 对应的站点数据——这两者常托管百度系页面的核心 JS/CSS/字体，残留损坏的 localStorage 或 IndexedDB 会导致样式或交互不更新。
防止下次再踩坑的部署技巧
方法1：给静态资源加版本参数，比如把 <link rel="stylesheet" href="style.css"> 改成 <link rel="stylesheet" href="style.css?v=2.3.1">。浏览器会把带不同 query 参数的 URL 当作全新资源，自动绕过缓存。
方法2：使用构建工具（如 Webpack/Vite）启用 contenthash，让文件名随内容变化，例如 main.a1b2c3d4.js。这种方案无需手动改版本号，上线即生效，且不会污染用户历史缓存。
这一步做完，刷新页面即可看到最新修改效果。
