微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决浏览器使用旧的 CSS 样式表?

我刚刚上线的网站出现问题 - 我必须更正一些与背景和一些图像放置相关的 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 再次是新的

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。