为网站开发禁用Chrome缓存

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

如何临时禁用缓存或以某种方式刷新页面以查看更改？

当前回答

我的第三个Chrome扩展页面大小检查器提供了另一个禁用缓存的选项，它与Devtools完全相同地禁用缓存。

此外，该扩展可以以方便的方式快速报告网页大小、缓存使用情况、网络请求和加载时间。加上Github的开源。

其他回答

嘿，如果您的网站使用的是PHP，那么请在html页面的开头放置以下PHP代码片段：

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

现在，在脚本或链接元素中加载CSS或JS文件等资源的任何地方，都会在附加“？”后将生成的随机值附加到请求URL通过PHP连接到URI：

    echo $rand;

就是这样！无论哪种浏览器，都不会再缓存您的网站。

当然，在发布之前删除代码，或者简单地将$rand设置为空字符串以允许再次缓存。

禁用chrome中的缓存仅在打开开发工具时有效

F12打开Chrome DevToolsF1打开DevTools设置选中禁用缓存（当DevTools打开时），如下所示：

这当前位于默认的“首选项”选项卡上。您可能需要向下滚动。自提出此问题以来，此复选框已至少移动了几次。我最后一次检查时，它在底部的中间列中。如果在较薄的屏幕上打开它，并且“首选项”下有两列，则它可能位于右上角附近。如果有任何更改或评论，请随时更新此帖子，我将更新此帖子。

我使用（在窗口中）ctrl+shift+delete，当铬对话框出现时，按enter键。这可以配置为每次执行此序列时需要清除的内容。在这种情况下，不需要打开dev.tools。

Chrome DevTools可以禁用缓存。

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

第12页控制+Shift+i命令+Shift+i

单击工具栏中的网络以打开网络窗格。选中顶部的禁用缓存复选框。

请记住，正如@ChromiumDev的一条推文所述，此设置仅在开发工具打开时才处于活动状态。

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

如果您不想使用禁用缓存复选框，在DevTools打开的情况下长按刷新按钮将显示一个菜单，其中包含硬重新加载或空缓存和硬重新加载选项，这应该具有类似的效果。阅读选项之间的差异，了解要选择哪个选项。以下快捷方式可用：

Mac上的Command+Shift+RWindows或Linux上的Control+Shift+R

推荐文章