为网站开发禁用Chrome缓存

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

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

当前回答

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

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

其他回答

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

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

当您需要每小时清除缓存30次时，清除缓存太烦人了。。所以我安装了一个名为经典缓存杀手的Chrome扩展，它在每次加载页面时清除缓存。

Chrome商店链接（免费）（现在没有恶意软件！）

现在，每次加载页面时，我的模拟json、javascript、css、html和数据都会刷新。

如果我需要清空缓存，我永远不用担心。

我找到了大约20个用于Chrome的缓存清理器，但这一个似乎很轻，而且不费吹灰之力。在更新中，Cache Killer现在可以保持“始终打开”。

注意：我不知道插件的作者。我刚发现它很有用。

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

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

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

    echo $rand;

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

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

Chrome的缓存杀手是目前最好的选择。由于安装缓存杀手的商店URL已关闭，您可以在此处下载CRX文件：

https://www.crx4chrome.com/extensions/jpfbieopdmepaolggioebjmedmclkbap/

下载扩展文件后，打开Chrome->更多工具->扩展，然后将CRX文件从文件浏览器或桌面（取决于下载文件的位置）拖到Chrome窗口中安装扩展。

推荐文章