Web开发本地服务时Chrome加载缓存页面问题求助

嘿，这个缓存问题确实磨人，每次清历史重启浏览器太折腾了！给你几个靠谱的解决办法，按需求选就行：

1. 修改http-server启动参数，直接禁用缓存 #

你现在用的http-server本身就支持禁用缓存的参数，把bat里的命令改成：

http-server -p 8000 -c-1 exit

这里的-c-1就是告诉服务器返回资源时，设置响应头让浏览器完全不缓存，这样每次刷新都会拉取最新的页面和资源，一劳永逸。

2. Chrome内置的强制刷新/临时禁用缓存技巧 #

• 强制刷新快捷键：Windows/Linux按Ctrl+Shift+R，Mac按Cmd+Shift+R，这个快捷键会跳过本地缓存，直接从服务器请求最新内容，不用开开发者工具也能用。
• 临时禁用缓存（适合开发时）：打开开发者工具（F12 或 Ctrl+Shift+I），切换到「Network」面板，勾选顶部的「Disable cache」选项（注意要保持开发者工具窗口打开，这个设置才会生效），之后刷新页面就会自动跳过缓存。

3. 给静态资源加版本标识（适合长期开发） #

在页面里引用JS、CSS或者Three.js文件时，手动加个版本号或者哈希值，比如：

<script src="three.js?v=20240520"></script>
<script src="my-script.js?v=1.1"></script>

每次修改代码后，更新一下v=后面的数值，浏览器会把带新参数的URL当成新资源，自动重新加载，不会用旧缓存。小项目手动改就行，大项目可以用构建工具自动生成哈希值。

4. 快速清除Chrome的缓存（不用清全部历史） #

如果偶尔需要清缓存，不用选「全部时间范围」：

1. 按Ctrl+Shift+Delete打开清除数据面板
2. 只勾选「缓存的图片和文件」
3. 时间范围选「过去1小时」或者「过去24小时」
4. 点击「清除数据」
   这样只会清最近的缓存，比重启浏览器快多了。

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