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