CSS文件延迟更新之前

时间:2018-07-11 19:42:10

标签: css google-chrome safari reload

我正在使用Dreamweaver更新网站。当我上传style.css文件时,Safari和Chrome暂时无法识别更改。这就是我在做什么。

  • 在Dreamweaver中编辑
  • 使用Dreamweaver或Fetch上载
  • 如果我使用Fetch在服务器上将style.css作为文本文件查看,我会看到 我的更改,因此已上传。
  • 我正在以隐身模式使用Safari和Chrome,据我所知,这意味着 不会缓存任何内容,理论上,每次刷新都应重新加载所有内容 文件。但是,当我使用Web检查器查看style.css时, 我看到了旧文件。
  • 在Web检查器中,当我查看style.css时,我将其刷新并 一切都没有改变。
  • 我已清空缓存并刷新了。没什么变化。
  • 如果我归档>从我的硬盘驱动器中打开index.html页面( style.css),浏览器会显示更改。

问题是Safari和Chrome无法识别服务器上的更改。我看到了使用href =“ css / style.css?v = {random number / string}” rel =“ stylesheet” type =“ text / css”调用样式表的建议,但这似乎无济于事。 / p>

如果我等待足够长的时间(5-10分钟),最终情况将得到更新。有没有一种方法可以将CSS即时更新到浏览器?

1 个答案:

答案 0 :(得分:1)

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

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

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