每次修改时都需要制作一个新的CSS版本

时间:2019-03-30 18:48:20

标签: html css

我遇到CSS reload的问题。我正在使用HTML webpage链接到CSS文件。问题是,当我更新该CSS文件时,需要用HTML代码编写新版本,例如:

<link href="https://www.lagaleramagazine.es/rucab/css/style-custom.css?v=195" rel="stylesheet">

通过其他方法,CSS不会在浏览器中更新。我试图清除缓存,并用command + shift + r(在Mac chrome上)强制重新加载,但没有更新,仅在编辑HTML并编写新版本(196、197 ...)时更新。真是头疼每次修改CSS文件时,如何在浏览器和HTML代码中自动更新CSS文件而无需创建新版本?您可以看到站点here

1 个答案:

答案 0 :(得分:0)

这是一个缓存问题。当浏览器请求/rucab/css/style-custom.css时,服务器使用以下标头进行响应:

cache-control: public, max-age=31536000

这意味着浏览器可以将文件存储在缓存中最多31536000秒(1年)。大多数浏览器都这样做。对于完成的网站来说,这是个好主意,但是如果您对style-custom.css进行更改,浏览器将不会知道,因为它是从缓存中获取文件的。

在开发站点时,请配置服务器,使其响应以下标头:

cache-control: no-cache

这将确保浏览器将始终提取文件。