外部样式 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 ( ⇧ ) 键重新加载页面
- 清除缓存然后重新加载
- 实施缓存策略以促进发展
我正在 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 ( ⇧ ) 键重新加载页面
- 清除缓存然后重新加载
- 实施缓存策略以促进发展