Question

我正在开发Rails应用并正在更新页面。

页面上有一大堆用css定义的背景图片。当我刷新页面（mac上的cmd+r）时，没有任何改变。当我进入Chrome检查器并取消选中然后重新检查css规则时，图像出现了。此外，如果我打开一个新的私人浏览窗口（cmd+shift+n），图像都会正确显示。

我遇到了一些奇怪的缓存问题吗？

Chrome：版本21.0.1180.89

Mac OS X：10.8.2

Answer 1

您需要进行硬刷新以绕过浏览器缓存。我不知道mac上的键组合，但它可能类似于Windows： ctrl - shift - R 。这与不绕过缓存的普通刷新（Windows上的 ctrl - r ）不同。

在Mac上，等效的键组合是 cmd - shift - r 。

Answer 2

我自己经常遇到这个问题，特别是当我进行大量更改时，我发现清除浏览器缓存效果最好，除非您专门设置了某种缓存。

另外，请务必检查“禁用缓存”是检查器设置。

截至2016年10月10日截图。如果Google已实施更改，请更新。

Answer 3

尝试强制浏览器加载新的css文件。我通常会在链接中添加一个查询字符串（？v = 1.0），如下所示：

<link rel="stylesheet" href="style.css?v=1.0" "type="text/css"/>

然后每次我在css文件中做一些更改时都会更改数字（？= 1.1）。

这通常会在Chrome中修复它。

希望有所帮助！

Answer 4

Command + Shift + Delete

从“开始时间”清空缓存