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

Question

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

有什么方法可以控制Google 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 Extension以通过单击图标来清除缓存。
2. 使用隐身模式并以隐身模式浏览您的网站。隐身模式不会清除缓存。完全禁用缓存可能会降低您的浏览体验。
3. 使用Chrome的功能，例如Hard Reload（清除缓存和硬重新加载）。 Read this stackoverflow post
4. 正如@Vitaly所提到的，使用开发人员工具设置可以完全禁用缓存。

选择适合您的方式：）

Answer 4

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



1. 在设置中 - ＆gt;首选项向下滚动以找到“禁用缓存（当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文件进行更改时，只需更改参数名称，值或两者都更改，服务器就会再次请求它。

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

Answer 6

Shift-F5重新加载适用于Chrome 61.0.3163.100的页面

Answer 7

更多工具>开发人员工具
然后右键单击浏览器上的刷新按钮。
您将获得三个选择。选择“清空缓存并重新加载”。

这只会影响活动标签。

Answer 8

1. 禁用缓存（当DevTools处于打开状态时）
2. 关闭Chrome浏览器
3. 使用Software CC Cleaner清除缓存
4. 之后打开Chrome浏览器