我正在修改网站的外观(CSS修改),但由于烦人的持久缓存,无法在Chrome上看到结果。我尝试了Shift+刷新,但不起作用。
如何临时禁用缓存或以某种方式刷新页面以查看更改?
我正在修改网站的外观(CSS修改),但由于烦人的持久缓存,无法在Chrome上看到结果。我尝试了Shift+刷新,但不起作用。
如何临时禁用缓存或以某种方式刷新页面以查看更改?
当前回答
不确定您正在使用什么,但如果您正在使用ASP.Net,您可以执行以下操作,这就像一个魅力:
<link href="@Url.Content("~/Content/Site.css")?time=@DateTime.Now" rel="stylesheet" />
基本上,每次运行文件时,它都会自动将日期和时间附加到文件的末尾,这意味着由于文件名在技术上不同,因此您再也不用担心它会被缓存。
其他回答
这可能会对某人有所帮助。
我操纵我的Nginx进行疯狂缓存。因此,禁用网络工具中的缓存和显式清除缓存是不起作用的。
一个非常简单但无聊的解决方法是,我只是打开了一个新的匿名标签。令人惊讶的是,它一直都在工作!
隐姓埋名模式下的硬刷新可以在我希望以相同模式重新加载的任何时候实现。
而不是按“F5”只需点击:
“Ctrl+F5”
要明确的是,Chrome中的禁用缓存复选框(这里是v17,但我认为是v15)不在主设置UI中。它位于开发人员工具设置UI中。
从浏览器窗口的扳手图标菜单(首选项菜单)中选择工具→ 开发人员工具在出现的开发人员工具UI中,单击右下角的齿轮图标。选中“网络”部分的“禁用缓存”复选框。
禁用chrome中的缓存仅在打开开发工具时有效
Chrome DevTools可以禁用缓存。
右键单击并选择Inspect Element以打开DevTools。或使用以下键盘快捷键之一:
第12页控制+Shift+i命令+Shift+i
单击工具栏中的网络以打开网络窗格。选中顶部的禁用缓存复选框。
请记住,正如@ChromiumDev的一条推文所述,此设置仅在开发工具打开时才处于活动状态。
请注意,这将导致重新加载所有资源。如果您希望仅对某些资源禁用缓存,则可以修改服务器随文件一起发送的HTTP标头。
如果您不想使用禁用缓存复选框,在DevTools打开的情况下长按刷新按钮将显示一个菜单,其中包含硬重新加载或空缓存和硬重新加载选项,这应该具有类似的效果。阅读选项之间的差异,了解要选择哪个选项。以下快捷方式可用:
Mac上的Command+Shift+RWindows或Linux上的Control+Shift+R