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

本站提供织梦转pbootcms、仿站扒站、网站修改等服务,如有需要请联系站长QQ:2981512913

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

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

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

<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);
}

截图:

image.png

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

image.png

/ 原有的

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

/ 修改后的

<link rel="stylesheet" href="{php}ver('/template/default/css/common.css');{/php}">

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

image.png

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

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


本文最后更新于 2020-10-23 08:53:03,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长:pbhtml@qq.com
【51LA网站统计V6】新人注册立得5元积分收益~现在加入“优站计划”,还有额外收益赚取,点击了解详情

THE END

如果你的问题还没有解决,可以加入建站交流群和群友们一起讨论。如果你想请站长喝咖啡,点击打赏按钮扫码赞赏。

TAG标签:

文章链接:https://www.pbhtml.com/22.html

文章标题:pbootcms网站修改CSS样式后自动更新缓存

文章版权:PB模板网 (pbhtml.com) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

相关文章

发表评论:

评论记录:

未查询到任何数据!