修改CSS样式后，PbotCMS网站自动更新缓存
2024-09-20 01:01:27
一般来说，风格修改后，由于浏览器有缓存在线网站简单刷新没有变化，此时需要强制刷新才能立即看到效果。有时客户看不到修改效果来解释。
事实上，修改后的样式可以添加版本号来解决，这样你就可以刷新并看到最新的样式。
常见的手动添加版本号方法
<link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css?v=1"> /加?v=1.每次后面的数字变化
|
所以有没有办法让版本号每次都自动变化，而且要有修改刷新才能变化，没有修改刷新不变化。
有一些自动化的方法，下面就来介绍一下相关的操作。
1、先添加自动时间版本号方法，建议在网站的一般方法文件中添加。
找到apps/common/function.php然后在最后添加一种新的方法
截图：
2、修改原始调用样式链接（请注意，必须手动复制原始解析路径，路径可以通过浏览器ctrl+u打开查看源代码复制）
// 时间版本号自动更新 @mk-ver
function ver($url){
$ver = filemtime($_SERVER['DOCUMENT_ROOT'].$url);
echo $url.'?v='.date("YmdHis",$ver);
}
|
截图：
2、修改原始调用样式链接（请注意，必须手动复制原始解析路径，路径可以通过浏览器ctrl+u打开查看源代码复制）
//原有的
<link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css">
// 修改后的
<link rel="stylesheet" href="{php}ver('/template/default/css/common.css');{/php}">
|
然后当common.在css中修改样式后保存，在页面上刷新会发现样式尾巴有一串时间版本号，这样刷新就可以看到样式的变化。
补充:其实js外部文件也可以这样操作，就像css一样，可以自己体验。
如果你有不懂的地方或者更好的方法，可以在下面留言讨论