当前位置:首页/PbootCMS

PbootCMS修改CSS样式后自动添加版本号

时间:2019-08-16 15:12:36    来源:本站    阅读: 210

小伙伴们有没碰过上线的网站修改了样式保存后需要强制刷新,给客户那边客户看不到还要解释。其实可以给修改的样式增加版本号,这样即可以一刷新看到最新样式。

常见的手动方式:

<link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css?v=1"> //加?v

其实可以实现自动方式,样式没修改时版本号固定,样式修改后版本号自动跟新,省去手动操作,步骤如下:

1、先增加个自动时间添加方法,在根目录下的index.php里添加一下代码。

// 自动更新时间版本号
function ver($url){
    $ver = filemtime($_SERVER['DOCUMENT_ROOT'].$url);
    echo $url.'?v='.date("YmdHis",$ver);
}

001.png


2、修改原有调用样式链接,头部文件修改。

<link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css">
// 原有的链接改成以下的
<link rel="stylesheet" href="<?php ver('/template/blog/css/common.css'); ?>">

002.png


这样就搞定了,更新样式后源码里变成以下就OK了。


003.png


其实JS文件也可以同样操作,其他使用姿势可以多加尝试。

版权声明:本文为博主原创文章,转载请注明来源。https://imarc.cn/cms/26.html
打赏 微信扫一扫微信扫码打赏

发表评论

评论列表

唉呦喂 2019-10-28 15:56:19

其实不用这么复杂,从后台新增个标签cssversion就解决了啊,前台在css或js文件后面加上?={lable:cssversion}

Windows 10 Chrome

360搜索江苏营销服 2019-08-26 11:19:34

感谢分享,已收藏!

Windows 10 IE11

管理员回复:

感谢老铁

2019-08-26 23:46:03