如何清除css缓存


How to clear css cache

我正在用PHP和Godaddy apache服务器构建我的博客,最近我遇到了一个问题,我无法清除资源管理器缓存,所以每次更改style.css时,我都必须更改css文件的名称。那么,你能告诉我哪里出了问题吗?或者我如何清除css缓存?

如果基于文件修改时间创建version,则可以使浏览器自动清除缓存

例如:

$filename = '/css/style.css';
$fileModified = substr(md5(filemtime($filename)), 0, 6);
// $fileModified = filemtime($filename); // - with version as timestamp.

和HTML

<link rel="stylesheet" type="text/css" href="<?php echo $filename;?>?v=<?php echo $fileModified ; ?>">

将css文件的版本号如下所示,

style.css?v=1 or style.css?v=1.1

清除浏览器中的浏览历史缓存。。。这与PHP无关。。

这就是你想要的吗?

<link href="style.css?key=<?php echo time(); ?>" type="text/css" rel="stylesheet" />

最好是只在本地或测试服务器上保持这样的状态-当网站进入时删除时间()部分

更新

或者,您可以使用key=<?php echo date('h'); ?>来代替time(),按小时或按您的意愿进行更改。

<link href="style.css?t=[timestamp]" type="text/css" rel="stylesheet">

在CSS文件中使用随机数作为参数。这是每次加载文件时在浏览器上缓存的最简单方法之一。

例如:

style.css?v=12345

只需在浏览器中按Ctrl+F5或其他组合即可更新页面并清除缓存。

对于chrome:单击右上角菜单按钮,单击设置,向下滚动到高级并单击它,然后单击"清除浏览数据"并勾选缓存的图像和文件。