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

  • 本文关键字:一个 版本 css 修改 html css
  • 更新时间 :
  • 英文 :


我在CSS reload上遇到了问题。我正在使用链接到 css 文件的HTML webpage。问题是当我更新该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文件时制作新版本?您可以在此处查看该网站。

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

cache-control: public, max-age=31536000

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

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

cache-control: no-cache

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

最新更新