淘先锋技术网

首页 1 2 3 4 5 6 7

有时,我们在编辑CSS样式文件后保存,但在页面上却看不到任何更改。这是因为浏览器可能会缓存CSS文件,导致更新无法立即生效。下面介绍两种解决方法。

方法一:
在CSS文件的链接中添加一个版本号或时间戳,如下所示:
<link rel="stylesheet" href="style.css?v=1.0">
或
<link rel="stylesheet" href="style.css?2019121112345">
每次更改CSS后,修改版本号或时间戳即可。
方法二:
通过在网站配置文件中,添加一个不缓存CSS文件的代码,如下所示:
<FilesMatch "\.css$">
Header set Cache-Control "no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires 0
</FilesMatch>
这样就可以在每个页面加载时,禁止浏览器缓存CSS文件。

以上两种方法都能解决CSS样式文件不更新的问题,具体选择哪种方法取决于个人情况和喜好,但方法一对于缓存控制更为精确,建议优先选择。