网站加载不存在的 CSS 文件

Posted 2023-03-04

【中文标题】网站加载不存在的 CSS 文件

【英文标题】：Website loading CSS files that do not exist

【发布时间】：2022-01-08 04:32:08

【问题描述】：

每当我更改为我的网站托管的文件（例如 CSS 文件）时，它们都不会更新。即使在所有地方都删除了原始 CSS 文件后，使用 Chrome 的检查元素仍然显示网站 html 正在由不存在的“style.css”文件设置样式。我发现的唯一方法是将 HTML 页面更改为“style2.css”样式，并将更新后的 CSS 文件重命名为“style2”。

这不是非常奇怪吗？幽灵文件？我不会疯了吧？

【问题讨论】：

听起来像是缓存问题。

通常更容易将您的网站更新为style.css?version=2 的样式。然后你不必重命名css文件，只需更新你的HTML中的版本号。

【参考方案1】：

尝试使用 CTRL+F5 而不是 F5 刷新 这将清除已缓存的文件（如 css 和 js）并重新加载更新的文件

假设你有 style.css

与

.body
background-color:white;

之后，您将相同的 style.css 文件更改为

.body
background-color:black;

有时导航器不会读取 css/js 中的新代码 除非你清除它们，否则会加载旧的

这可能是您的问题，请尝试并再次检查

或者你可以看看这个案例：How to force the browser to reload cached CSS and javascript files