外部样式 sheet 未在 Chrome 74 中更新,但其他文件更新

External style sheet not updating in Chrome 74, but other files do

我正在 Chrome 74 中使用 Notepad++ 和 XAMPP 在本地主机上构建一个站点。

我有一个 index.php 主文件和一个外部样式 sheet index.css。 它像这样连接到主文件:<link rel="stylesheet" type="text/css" href="index.css">

index.css 进行了一些更新后,我无法 Chrome 查看它们。本来我以为我的css是错的。但是在 Chrome 中按 F12 并查看 Sources 并检查 index.css 文件后,我发现我写的更改不存在。

修改已保存到Notepad++,浏览器页面已刷新。为了确定,我什至使用旧的普通记事本查看 index.css

我也试过重新启动浏览器,重新启动 XAMPP,然后重新启动我的电脑。还是一样。

有趣的是,对 index.php 所做的更改正在成功更新。只是对 index.css 的更改不是。就好像 Chrome 没有重新加载 index.css 但保留了它的旧版本。

我以前也遇到过,但上次这个问题在一段时间后就消失了,Chrome 开始更新 index.css。现在我想知道为什么会这样。

有谁知道 Chrome 为什么这样做?帮助非常感谢:)

明确一点:截至目前,Chrome 未加载对 index.css 所做的任何更改。甚至像 body { background-color:red; }

这样的东西

正在缓存文件:https://developer.mozilla.org/en-US/docs/Web/HTTP/Caching

通常,在默认配置下,动态页面(.php)不会被缓存,而静态文件(.css、.js 等)会被缓存。

您可以:

  • 按住 shift ( ⇧ ) 键重新加载页面
  • 清除缓存然后重新加载
  • 实施缓存策略以促进发展