【问题标题】:css files delay before updatingcss 文件更新前延迟
【发布时间】:2018-12-19 22:43:27
【问题描述】:

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

【问题讨论】:

  • 你可以使用CTRL + F5来刷新缓存和刷新页面
  • 我在 Mac 上,所以我在 Safari 中使用 Option-Command-R,在 Chrome 中使用 Shift-Command-R,但没有成功。
  • 谢谢 - 我认为这个问题与您引用的问题相同,但我不确定我是否有能力实现它,因为我不知道 php。我会做实验。

标签: css google-chrome safari reload


【解决方案1】:

浏览器正在缓存 CSS 文件以提高效率,并且不知道已经进行了更改。

您在原始问题中提到的版本控制应该可以解决问题。请记住,每次您希望浏览器重新获取它时,都需要将其更改为(任何您想要的)。

<link rel="stylesheet" type="text/css" href="/css/style.css?ver=2.0">

【讨论】:

  • 谢谢 - 我是否需要更改 css 文件本身中的某些内容以匹配问号后面的内容(例如,ver=2.0 或其他)?
  • 不,只有这里:)
  • 它工作正常。我正在从 ?v1a 到 v1b 等,再到目前的 v1i。感谢您的帮助。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-07-31
  • 1970-01-01
  • 2021-01-31
  • 1970-01-01
  • 1970-01-01
  • 2014-06-14
  • 1970-01-01
相关资源
最近更新 更多