为网站开发禁用Chrome缓存

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

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

当前回答

不确定您正在使用什么，但如果您正在使用ASP.Net，您可以执行以下操作，这就像一个魅力：

<link href="@Url.Content("~/Content/Site.css")?time=@DateTime.Now" rel="stylesheet" />

基本上，每次运行文件时，它都会自动将日期和时间附加到文件的末尾，这意味着由于文件名在技术上不同，因此您再也不用担心它会被缓存。

其他回答

在修复错误之前，您可以使用Clear Cache Chrome插件，也可以为其设置键盘快捷方式。

安装后，右键单击并转到选项：

选中清除数据后自动重新加载活动选项卡：

选择时间段的所有内容：

然后，您可以转到菜单=>工具=>扩展：

单击底部的键盘快捷键：

并设置键盘快捷键，例如Ctrl+Shift+R：

如果你不想编辑Chrome的设置，你可以使用匿名模式来获得同样的结果。

Chrome DevTools可以禁用缓存。

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

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

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

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

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

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

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

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

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

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

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

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

    echo $rand;

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

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

推荐文章