PbootCMS网站修改CSS样式后网站自动清除缓存方法

本教程仅供参考,具体请以实际情况为准!

一般来说网站的css样式修改后,因为浏览器已经访问过我们的网站,对网站已经有缓存了,简单的按F5刷新对css样式没有变化,这个时候需要强制刷新(Ctrl+F5)才可以看到效果。那么有没有一种方法可以让我们的网站按F5实现强制刷新效果呢?

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

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

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

截图:

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里修改了样式后保存,到页面上刷新就会发现样式尾巴多了串时间版本号,这样就达到了刷新即可看到样式变化。

image.png

补充:其实js外部文件也可以实现这些操作,和css一样,可以自行搜索方法体验。

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

原文链接:https://www.moxiaoseo.com/mx-792.html,转载请注明出处。

0
广告位招租

评论0

站点公告

新的一年祝各位站长:虎年吉祥,虎虎生威!新年发小财!新用户注册即送5次下载,全站90%以上资源都可下载。
没有账号? 注册  忘记密码?

社交账号快速登录

'); })();