为网站开发禁用Chrome缓存

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

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

当前回答

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

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

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

    echo $rand;

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

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

其他回答

而不是按“F5”只需点击：

“Ctrl+F5”

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

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

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

选择时间段的所有内容：

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

单击底部的键盘快捷键：

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

事实上，如果您不介意使用带宽，出于多种原因禁用缓存会更安全，许多安全站点都建议您这样做。

Chromium不应该傲慢到做出决定并强制用户设置。

可以使用--disk cache dir=/dev/null禁用UNIX上的缓存。

由于这是意外的，所以可能会发生崩溃，但如果发生了，那么这将明确指出一个更严重的错误，在任何情况下都应该修复。

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

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

为了使用Chromium在VS代码中进行调试，我将--aggresive缓存丢弃的runtimeArgs添加到launch.json文件中。这消除了所有缓存。刷新时立即显示代码更改。

推荐文章