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

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


当前回答

chrome web商店中有一个名为Clear Cache的chrome扩展。

我每天都使用它,我认为它是一个非常有用的工具。您可以将其用作重新加载按钮,并可以清除缓存,如果您还喜欢cookie、区域设置存储、表单数据等,还可以定义在哪个域上发生这种情况。因此,只需在您选择的域上按下重新加载按钮,就可以清除所有这些垃圾。

非常好!

您也可以在选项中为此定义键盘快捷键!

另一种方法是在隐姓埋名模式下启动铬窗口。在这里,缓存也应该被完全禁用。

其他回答

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

目前还不清楚你指的是哪种“缓存”。有几种不同的方法可以让浏览器持久地缓存内容。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()
    }) 
  })

我遇到了同样的问题,我试着:

控制换档R,禁用F12中的缓存控制F5。

然后我发现,对非https站点使用.appcache清单是不可取的。我删除了我的site.appcache文件及其在html标记中的引用,现在我看到了每个页面的最新版本!

在Canary频道(也许开发和稳定频道也会随之出现),这是“常规”部分左侧的第二个选项。

除此之外,始终可以通过Ctrl+Shift+N切换到隐姓埋名模式,即使不幸的是,这也会结束您的会话。

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

将这串代码添加到您的中,它应该会成功。

<meta name="robots" content="noarchive">