欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」PbootCMS网站修改CSS样式后自动更新缓存

作者 : 自学哈 本文共594个字,预计阅读时间需要2分钟 2022-09-29 共140人阅读
也想出现在这里? 联系我们

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

 

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

 

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

 /加?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样式后自动更新缓存


//原有的



// 修改后的

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

 

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

 

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

 

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

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」PbootCMS网站修改CSS样式后自动更新缓存
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号