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

Posted 2023-03-06

技术标签:

【中文标题】除非清除缓存，否则 Google chrome css 不会更新【英文标题】：Google chrome css doesn't update unless clear cache 【发布时间】：2013-12-16 12:20:48 【问题描述】：

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

有什么方法可以控制谷歌浏览器缓存？

【问题讨论】：

【参考方案1】：

DevTools

Settings

F1

Disable cache (while DevTools is open)

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

【讨论】：

这是唯一能让我看到@imported css 文件变化的方法。谢谢！这几个月来一直让我发疯！如果我将 css 更改推送到实时服务器上，那么在我们刷新缓存之前它不会出现，如何解决这个问题？我的意思是公众用户不知道这些变化。当我遇到这种烦恼时发生了最奇怪的事情......我对 css 文件所做的一些边距、填充、间距更改在我刷新页面时实际上是可以验证的，但只是没有所有的变化。如此处所述更改设置正是我所需要的。非常感谢！仅供参考，它是右上角的一个复选框（在网络部分下）。【参考方案2】：

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

【讨论】：

CMD - SHFT - Mac 上的 R【参考方案3】：

开发者工具

在设置 --> 首选项中向下滚动以找到“禁用缓存（在 DevTools 打开时）”并单击该框以选择该选项。

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

【讨论】：

在 2017 年，这帮助我真正找到了设置【参考方案4】：

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

隐身模式

选择适合你的:)

【讨论】：

【参考方案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 文件进行更改时，您只需更改参数名称、值或两者，服务器将再次请求它。

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

【讨论】：

简单有效。最重要的是，它有一种类似的“版本控制”方法用于未来的更新。简直不敢相信我在更新一个简单的 CSS 文件时遇到的麻烦！后续部署有问题。这种方法是一个很好的解决方案，我可以将所有文件集中在我的基本网页类中。例如附加 DLL 的构建日期，以便它们仅在重新编译和部署应用程序时更改。 <link rel="stylesheet" href="~/css/variabledocument.css?BD=20201209094326" type="text/css" /> 也应该适用于具有相同问题的脚本文件。【参考方案6】：

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

这只会影响活动标签。

【讨论】：

【参考方案7】：

Shift-F5 重新加载在 Chrome 61.0.3163.100 上为我工作的页面

【讨论】：

【参考方案8】：

要控制 Google Chrome 缓存，您可以执行以下步骤：

禁用缓存（在 DevTools 打开时）关闭 Chrome 浏览器使用清理软件（如 CC Cleaner）清理缓存打开 Chrome 浏览器

【讨论】：

对我一点帮助都没有...... :(

以上是关于除非清除缓存，否则 Google chrome css 不会更新的主要内容，如果未能解决你的问题，请参考以下文章