我正在修改网站的外观(CSS修改),但由于烦人的持久缓存,无法在Chrome上看到结果。我尝试了Shift+刷新,但不起作用。
如何临时禁用缓存或以某种方式刷新页面以查看更改?
我正在修改网站的外观(CSS修改),但由于烦人的持久缓存,无法在Chrome上看到结果。我尝试了Shift+刷新,但不起作用。
如何临时禁用缓存或以某种方式刷新页面以查看更改?
当前回答
这可能会对某人有所帮助。
我操纵我的Nginx进行疯狂缓存。因此,禁用网络工具中的缓存和显式清除缓存是不起作用的。
一个非常简单但无聊的解决方法是,我只是打开了一个新的匿名标签。令人惊讶的是,它一直都在工作!
隐姓埋名模式下的硬刷新可以在我希望以相同模式重新加载的任何时候实现。
其他回答
嘿,如果您的网站使用的是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窗口中安装扩展。
Chrome DevTools可以禁用缓存。
右键单击并选择Inspect Element以打开DevTools。或使用以下键盘快捷键之一:
第12页控制+Shift+i命令+Shift+i
单击工具栏中的网络以打开网络窗格。选中顶部的禁用缓存复选框。
请记住,正如@ChromiumDev的一条推文所述,此设置仅在开发工具打开时才处于活动状态。
请注意,这将导致重新加载所有资源。如果您希望仅对某些资源禁用缓存,则可以修改服务器随文件一起发送的HTTP标头。
如果您不想使用禁用缓存复选框,在DevTools打开的情况下长按刷新按钮将显示一个菜单,其中包含硬重新加载或空缓存和硬重新加载选项,这应该具有类似的效果。阅读选项之间的差异,了解要选择哪个选项。以下快捷方式可用:
Mac上的Command+Shift+RWindows或Linux上的Control+Shift+R
我遇到了同样的问题,我试着:
控制换档R,禁用F12中的缓存控制F5。
然后我发现,对非https站点使用.appcache清单是不可取的。我删除了我的site.appcache文件及其在html标记中的引用,现在我看到了每个页面的最新版本!
如何临时禁用缓存或以某种方式刷新页面以查看更改?
目前还不清楚你指的是哪种“缓存”。有几种不同的方法可以让浏览器持久地缓存内容。Web存储是其中之一,缓存控制是另一个。
一些浏览器还具有缓存,与服务工作者一起使用,以创建提供离线支持的渐进式Web应用程序(PWA)。
清除PWA的缓存
self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })
要列出缓存键的名称,请运行:
self.caches.delete('my-site-cache')
按名称删除缓存密钥(即我的站点缓存)。然后刷新页面。
如果刷新后在控制台中看到任何与工作程序相关的错误,则可能还需要注销已注册的工作程序:
navigator.serviceWorker.getRegistrations()
.then(registrations => {
registrations.forEach(registration => {
registration.unregister()
})
})