Css Chrome不显示更新页面

Css Chrome不显示更新页面,css,image,macos,google-chrome,caching,Css,Image,Macos,Google Chrome,Caching,我正在开发Rails应用程序,正在更新页面 该页面有一大堆用css定义的背景图像。当我在mac上刷新页面(cmd+r)时,没有任何变化。当我进入Chrome检查器并取消选中,然后重新检查css规则时,图像出现了。另外,如果我打开一个新的私人浏览窗口(cmd+shift+n),图像都会正确显示 我是否遇到了某种奇怪的缓存问题 Chrome:版本21.0.1180.89 Mac OS X:10.8.2我自己也经常遇到这个问题,特别是当我进行大量更改时,我发现清除浏览器缓存效果最好,除非您专门设置了某

我正在开发Rails应用程序,正在更新页面

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

我是否遇到了某种奇怪的缓存问题

Chrome:版本21.0.1180.89


Mac OS X:10.8.2

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

还要确保检查“禁用缓存”是否为检查器设置


截图摄于2016年10月10日。如果谷歌实施了更改,请进行更新。

尝试强制浏览器加载新的css文件。我通常会向链接添加一个查询字符串(?v=1.0),如下所示:

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

命令+移位+删除


从“时间开始”清空缓存

您需要绕过浏览器缓存进行硬刷新。我不知道mac上的按键组合,但它可能类似于Windows:ctrl-shift-R。这与不绕过缓存的正常刷新(Windows上的ctrl-R)不同


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

您需要绕过浏览器缓存进行硬刷新。我不知道mac上的按键组合,但它可能类似于Windows:ctrl-shift-R。这与不绕过缓存的正常刷新(Windows上的ctrl-R)不同。在mac上似乎是
cmd+shift+R
,以防有人稍后阅读。@Roddyoffrozenpeas你的答案是最好的。如果你想把它改成答案,我会接受的。你知道“禁用缓存”选项在哪里吗?我在第一次查看选项时没有看到它单击右下角的齿轮,在“常规”选项卡中可以找到它。只想提及此选项可以通过打开“开发人员工具”(f12)在windows中找到,单击“开发人员工具”窗口右上角的三点图标,然后转到“设置”。向下滚动,您会发现“禁用缓存(当DevTools打开时)”这对我不起作用。不是否决,只是注意到可能还有其他解决方案。@JGallardo。。。这不是一个有用的评论。什么浏览器?什么不起作用,建议的组合键还是实际答案(硬刷新以绕过缓存)?什么有用?也要认识到这个问题和答案,是四年前的事了……显然,我们谈论的是Chrome。是的,我知道你的答案是4岁。但在搜索这个问题时,它仍然会出现。按您的建议清除我的缓存无效。另一个解决办法是禁用缓存。我上传了一个截图,因为模糊的文本答案很糟糕。@Ian浏览器将css保存在本地缓存中以加快浏览速度。这是一个特性,因为css和其他资产预计不会快速或经常更改。如果您正在进行web开发,开发人员设置中有一个选项,可以在控制台打开时完全禁用资产缓存,以方便快速重新加载新资源。这不是一个bug。如果这个解决方案有效,将无法解决真正的问题。。。如果缓存是一个问题的话,数百个或无数其他人在他们的机器上缓存了这个页面。你不能在网上到处乱跑,强迫每个人浏览。