更新CSS版本并清除浏览器缓存？

Question

当我在我的网站上更新CSS时，它会显示我的旧版本。 似乎浏览器保存了css版本的缓存。

如何清理浏览器的缓存并在每次编辑时获取最新版本？

Answer 1

加载css时可以使用缓存破坏程序。 只需在文件名后添加?v=1.1：

<link rel='stylesheet' href='styles.css?v=1.1' type='text/css' media='all' />

然后在更改CSS时增加它，它将强制浏览器重新加载它并且不使用其缓存版本。

修改

您还可以在其他任何地方使用PHP变量集（例如，在单独的配置文件中），使用其他几个文件同时增加它，而无需始终编辑模板。

$file_version = 1.1;

然后

<link rel='stylesheet' href='styles.css?v=<?= $file_version ?>' type='text/css' media='all' />

浏览器缓存CSS和JS文件，只需刷新页面就不会加载新版本。因此，使用此非有效参数更改URL将使浏览器重新加载它。