一尘不染

为网站开发禁用 Chrome 缓存

javascript

我正在修改网站的外观(CSS 修改),但由于烦人的持久缓存,在 Chrome 上看不到结果。我试过Shift+refresh 但它不起作用。

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


阅读 163

收藏
2022-02-18

共1个答案

一尘不染

Chrome DevTools 可以禁用缓存。

  1. 右键单击并选择Inspect Element打开 DevTools。或使用以下键盘快捷键之一:

  2. F12

  3. Control+Shift+i
  4. Command+Shift+i

  5. 单击 Network工具栏中的 以打开网络窗格。

  6. 选中Disable cache顶部的复选框。

开发工具面板截图

请记住,正如@ChromiumDev的一条推文所述,此设置仅在开发工具打开时才有效

请注意,这将导致重新加载所有资源。如果您希望仅为某些资源禁用缓存,您可以修改服务器与文件一起发送的 HTTP 标头。

如果您不想使用该复选框,在 DevTools 打开Disable cache的情况下长按刷新按钮将显示一个菜单,其中包含选项或应该具有类似效果的选项。阅读选项之间的区别以了解选择哪个选项。可以使用以下快捷方式:Hard Reload``Empty Cache and Hard Reload

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

长按

2022-02-18