除非清除缓存,否则Google Chrome css不会更新

Question

我正在尝试在我的本地服务器上工作,但如果我想查看css规则的更改,我必须每次都清除缓存.

有没有办法控制谷歌Chrome缓存？

Answer 1

1. 打开 DevTools
2. 打开Settings(右下角或使用F1快捷方式)
3. 校验 Disable cache (while DevTools is open)

https://developers.google.com/chrome-developer-tools/docs/settings#general

Answer 2

CTRL + F5:通过清除GG chrome缓存刷新页面.

Answer 3

您可以执行以下任何选项: -

1. 安装Chrome扩展程序(如清除缓存)以通过单击图标清除缓存.
2. 使用隐身模式并以隐身模式浏览您的网站.隐身模式不会清除缓存.完全禁用缓存可能会降低您的浏览体验.
3. 使用chrome的功能,如Hard Reload(清除缓存和硬重载).阅读此stackoverflow帖子
4. 正如@Vitaly所提到的,使用Developer Tool设置可以完全禁用缓存.

选择适合你的:)

Answer 4

1. 打开开发人员工具,然后单击右上角的图标

2. 在设置 - >首选项向下滚动以找到"禁用缓存(当DevTools打开时)"并单击该框以选择该选项.

如果您仍然遇到问题,并且该页面适用于其他浏览器,那么简单的解决方法就是卸载Google Chrome并重新安装最新版本.我遇到了这个问题,这是最好的修复,而不是追踪复杂的修复或过时的帖子不再有效的头痛.重新安装Chrome后,请重复上述步骤以禁用缓存.

Answer 5

按照这里的解决方案帮助我重新加载 css：https : //wpreset.com/force-reload-cached-css/

而不是请求文件执行以下操作：

<link rel="stylesheet" href="~/css/variabledocument.css" type="text/css" />

通过在文件末尾添加参数（参数的名称无关紧要）来请求 id ：

<link rel="stylesheet" href="~/css/variabledocument.css?refreshcss=1" type="text/css" />

这将请求新的 css 文件。每当您更改 css 文件时，您只需更改参数名称、值或两者，服务器将再次请求它。

当您无法控制客户端的浏览器并且不要求他们采取任何行动时，这非常有用。