有时,我们在编辑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样式文件不更新的问题,具体选择哪种方法取决于个人情况和喜好,但方法一对于缓存控制更为精确,建议优先选择。