广告投放

PbootCMS网站修改CSS样式后自动更新缓存

目录

    一般来说样式修改后,因为浏览器有缓存上线的网站简单刷新没有变化,这个时候需要强制刷新才可以立马看到效果。有时客户那边看不到修改效果还要解释。

    其实可以给修改的样式增加版本号来解决,这样就可以一刷新看到最新样式。

    常见的手动添加版本号方式

    <link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css?v=1"> /加?v=1,每次后面的数字变化

    那么有没办法让版本号每次自动变化吗,而且要有修改了去刷新才变化,没修改去刷新不变化。

    这种自动方法是有的,下面就来介绍下相关操作。

    1、先增加个自动时间版本号方法,这里建议添加到网站的通用方法文件里。

    找到apps/common/function.php这个文件,然后在最后添加个新方法

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

    截图:

    PbootCMS网站修改CSS样式后自动更新缓存

    2、修改原有调用样式链接(注意的是必须把原有解析出来的路径手动复制进来,路径可以浏览器ctrl+u打开查看源码复制过来)

    PbootCMS网站修改CSS样式后自动更新缓存

    / 原有的
    
    <link rel="stylesheet" href="{pboot:sitetplpath}/css/common.css">
    
    / 修改后的
    
    <link rel="stylesheet" href="{php}ver('/template/default/css/common.css');{/php}">

    然后当common.css里修改了样式后保存,到页面上刷新就会发现样式尾巴多了串时间版本号,这样就达到了刷新即可看到样式变化。

    PbootCMS网站修改CSS样式后自动更新缓存

    补充:其实js外部文件也可以这么操作,和css一样,可以自行体验。

    如果你有不懂的地方或者更好的方法可以在下方留言讨论

    声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

    给TA打赏
    共{{data.count}}人
    人已打赏
    广告位招租919838898
    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    有新私信 私信列表
    搜索