嘿，这个问题我太熟了——本地开发时浏览器缓存真的是个烦人的小障碍！给你几个实用的办法，不用清缓存也不用新开窗口，刷新就能看到更新：

• 强制刷新页面：这是最快的临时解决办法。Windows/Linux按 Ctrl + Shift + R，Mac按 Cmd + Shift + R，这个快捷键会强制浏览器忽略本地缓存，重新下载所有页面资源，包括最新的CSS文件。
• 给CSS文件添加版本/随机参数：修改HTML里的<link>标签，在CSS文件的URL后面加个查询参数，比如：
  原来的代码：

  <link rel="stylesheet" href="style.css">
  

  修改后：

  <link rel="stylesheet" href="style.css?v=1">
  

  每次修改CSS后，把v的值改成新的数字（比如v=2、v=3），浏览器会把带新参数的URL识别成全新的资源，不会再读取旧缓存。如果用动态语言（比如PHP），还可以自动生成时间戳参数：

  <link rel="stylesheet" href="style.css?v=<?php echo time(); ?>">
  

  静态文件的话手动改参数也很方便。
• 在开发者工具中禁用缓存：这个适合长期开发时用，不用每次都手动刷新或改参数。
  1. 打开浏览器开发者工具（按F12或Ctrl+Shift+I）
  2. 切换到「Network」面板
  3. 勾选「Disable cache」（Chrome）或「禁用缓存」（Firefox）选项
     注意：要保持开发者工具处于打开状态，这个设置才会生效，之后刷新页面就会自动加载最新的CSS了。
• 使用本地服务器访问页面：如果直接用file://协议打开本地HTML文件，浏览器的缓存机制会更顽固。可以用简单的本地服务器工具：
  • Python3用户：在项目文件夹下运行 python -m http.server，然后通过http://localhost:8000访问页面
  • Node.js用户：运行 npx serve，按提示的地址访问页面
    通过HTTP协议访问后，缓存问题会缓解很多，配合开发者工具的禁用缓存，更新会非常顺畅。

内容的提问来源于stack exchange，提问作者user13944038