使用旧 CSS 样式表的浏览器？

Posted 2023-03-07

【中文标题】使用旧 CSS 样式表的浏览器？

【英文标题】：Browsers using old CSS stylesheets?

【发布时间】：2021-10-06 11:31:55

【问题描述】：

我刚上线的网站出现问题 - 我必须更正一些与背景和一些图片位置相关的 CSS 问题。当然，在 VS Code 中一切看起来都很棒。我在 Chrome 和 Firefox 中打开它，它们看起来完全不同——而且是错误的。开发人员工具显示他们使用的是旧的 CSS 样式表（最初是加载的，然后被替换）。如果我打开一个隐身窗口，一切都很完美。这会是什么原因？我是这方面的新手（改变职业），所以我很欣赏你的洞察力！

【问题讨论】：

禁用缓存。

禁用缓存没有多大用处，因为您不能每次都要求用户/客户端清除/禁用缓存以查看更改

【参考方案1】：

这很可能是因为 css 文件缓存在您的浏览器中。要解决此问题，您可以在 URL 中使用缓存克星。例如，您的 CSS URL 是

https://www.abc.xyz/static/css/core.css

因此，每当您在 CSS 文件中进行更改时，请将 URL 更改为此

https://www.abc.xyz/static/css/core.css?version=1.0.1

?version=1.0.1 更改文件 URL，因此它不会从缓存中加载。更改文件时只需更改版本号，使 URL 再次是新的