我遇到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。
答案 0 :(得分:0)
这是一个缓存问题。当浏览器请求/rucab/css/style-custom.css
时,服务器使用以下标头进行响应:
cache-control: public, max-age=31536000
这意味着浏览器可以将文件存储在缓存中最多31536000秒(1年)。大多数浏览器都这样做。对于完成的网站来说,这是个好主意,但是如果您对style-custom.css
进行更改,浏览器将不会知道,因为它是从缓存中获取文件的。
在开发站点时,请配置服务器,使其响应以下标头:
cache-control: no-cache
这将确保浏览器将始终提取文件。