css 文件延迟更新

标签 css google-chrome safari reload

我正在使用 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/

相关文章:

javascript - Chrome 自动完成锁定输入,就像它们不可点击一样

javascript - PerformanceResourceTiming.responseStart 和 PerformanceResourceTiming.requestStart 对于状态正常的 http 请求都是 0

svg - 如何使 svg <image> 元素显示在 safari/ios 中

html - chrome 和 safari/firefox 之间的滚动行为差异

css - 字体在 Chrome 和 Firefox 中损坏,但在 Safari 中运行良好

html - 类别菜单列对齐 css

javascript - 使导航栏的背景在滚动时改变

Python:从每个打开的 Google Chrome 选项卡中获取所有 Urls

jquery - IE 7+ 上的 Owl Carousel Fade 过渡

html - 在 CSS 中,当列表中有列表时,我无法覆盖父列表样式