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

时间:2021-07-31 04:33:58

标签: css google-chrome-devtools firefox-developer-tools

我刚刚上线的网站出现问题 - 我必须更正一些与背景和一些图像放置相关的 CSS 问题。在 VS Code 中,一切当然看起来都很棒。我在 Chrome 和 Firefox 中打开它,它们看起来完全不同——而且是错误的。开发人员工具显示他们正在使用旧的 CSS 样式表(最初加载,然后替换)。如果我打开一个隐身窗口,一切都是完美的。有什么原因吗?我是新来的(改变职业)所以我很感激你的洞察力!

1 个答案:

答案 0 :(得分:2)

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

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 再次是新的