google-chrome - 为网站开发禁用 Chrome 缓存

Question

我正在修改网站的外观(CSS 修改)，但由于烦人的持久缓存而无法在 Chrome 上看到结果。我尝试了 Shift+刷新，但不起作用。

如何暂时禁用缓存或以某种方式刷新页面以便我可以看到更改？

Answer 1

Chrome DevTools 可以禁用缓存。

1. 右键单击并选择检查元素以打开 DevTools。或使用以下之一 keyboard shortcuts :

• F12
• Control+Shift+i
• 命令+Shift+i

1. 点击工具栏中的网络以打开网络 Pane 。
2. 选中顶部的禁用缓存复选框。

请记住，作为 tweet来自@ChromiumDev声明，此设置仅在开发工具打开时有效。

请注意，这将导致所有资源被重新加载。如果您只想禁用某些资源的缓存，您可以 modify the HTTP header您的服务器与您的文件一起发送。

如果您不想使用禁用缓存复选框，在开发工具打开的情况下长按刷新按钮将显示一个菜单，其中包含 >硬重新加载或清空缓存并硬重新加载应该具有类似的效果。了解 difference between the options知道选择哪个选项。可以使用以下快捷方式:

• Command+Shift+R(Mac 上)
• Control+Shift+R(在 Windows 或 Linux 上)