css - 外部样式表未在 Chrome 74 中更新，但其他文件会更新

Question

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

我有一个 index.php主文件和外部样式表 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 会这样做吗？帮助非常感谢:)

需要说明的是:截至目前，index.css 没有任何变化正在由 Chrome 加载。甚至像 body { background-color:red; } 这样的东西

Answer 1

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

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

您可以:

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