您现在的位置是:首页>建站教程>二开功能

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

王青召个人博客 2023-01-06 二开功能 17832人已围观

简介一般来说样式修改后,因为浏览器有缓存上线的网站简单刷新没有变化,这个时候需要强制刷新才可以立马看到效果。有时客户那边看不到修改效果还要解释。其实可以给修改的样式增加版本号来解决,这样就可以一刷新看到最新样式。PbootCMS网站修改CSS样式后刷新自动更新缓存的方法,下面就来介绍下相关操作。

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

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

PbootCMS网站修改CSS样式后刷新自动更新缓存的方法,下面就来介绍下相关操作。

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

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

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

截图如下:

QQ截图20211203195651.png

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

image.png

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

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

QQ截图20211203200254.png

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


站点信息

  • 建站时间:2022年11月15日
  • 文章统计178 篇文章
  • 网站地图网站地图
  • 站长微信:扫描二维码,关注我

打赏本站

  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!
  • 微信扫码:你说多少就多少~
  • 支付宝扫码:你说多少就多少~

客服在线

服务时间

周一至周日 9:00-21:00