时间戳

首页 > 解决方案 > 更新 CSS 版本并清除浏览器缓存？

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

问题描述

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

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

标签： phpweb

解决方案

加载 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 会使浏览器重新加载它。

推荐阅读