css - 阻止访问者浏览器从缓存加载网站

Question

我更新了我网站上的图像和样式表，但我接到客户的电话说我的布局看起来很奇怪。当他们刷新页面时，它看起来很正常。

如何阻止他们的浏览器从缓存中加载我的网站？

Answer 1

使用其中一种静态文件版本控制技术

例如向静态文件添加查询字符串/img/image1.jpg?v=1.0或重命名文件/img/image1_1.0.jpg

这适用于任何图像、JavaScript 或 CSS 文件

Answer 2

您可以使用元标记告诉浏览器不要缓存页面：

您还可以生成原始标题。请阅读HTTP 规范

<?
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
?>