我正在使用 Dreamweaver 更新网站。当我上传 style.css 文件时,Safari 和 Chrome 暂时无法识别更改。这就是我在做什么。
- 在 Dreamweaver 中编辑
- 使用 Dreamweaver 或 Fetch 上传
- 如果我使用 Fetch 在服务器上将 style.css 作为文本文件查看,我会看到 我的更改,所以它正在上传。
- 我在隐身模式下使用 Safari 和 Chrome,据我所知这意味着 不会缓存任何东西,理论上,每次刷新都应该重新加载所有 文件。但是,当我使用网络检查器查看 style.css 时, 我看到了旧文件。
- 在 Web Inspector 中,当我查看 style.css 时,我刷新它并 什么都没有改变。
- 我已清空缓存并刷新。没有任何变化。
- If I File>从我的硬盘打开 index.html 页面(调用 style.css),浏览器显示更改。
问题是 Safari 和 Chrome 无法识别服务器上的更改。我看到了使用 href="css/style.css?v={random number/string}"rel="stylesheet"type="text/css"调用样式表的建议,但这似乎没有帮助。
如果我等待的时间足够长(5-10 分钟),最终事情会得到更新。有没有办法让浏览器即时更新 css?
最佳答案
浏览器正在缓存 CSS 文件以提高效率,并且不知道已经进行了更改。
您在原始问题中提到的版本控制应该可以解决问题。请记住,每次您希望浏览器重新获取它时,都需要对其进行更改(更改为您想要的任何内容)。
<link rel="stylesheet" type="text/css" href="/css/style.css?ver=2.0">
关于css 文件延迟更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51293137/