您好,欢迎来到菜鸟吧源码网-本站资源仅供学习与参考,禁止用于商业或违法行为!
  • 首 页
  • 下载APP
  • 公告:菜鸟吧APP于2024.9.15正式上线,请首页右上角进入下载,本站资源均来源于互联网及会员投稿发布,所有资源仅供学习参考研究使用,请勿商用或其它非法用途,商用请购买正版,否则产生一切后果由用户自行承担!谢谢!

     

    当前位置:主页 > 站长学堂 > pbootcms >
    PbootCMS网站修改CSS样式后自动更新缓存
    时间:2024-11-23 19:47 作者:菜鸟哥 浏览:收藏 挑错 打印

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

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

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

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

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

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

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

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

    1// 自动更新时间版本号 @mk-ver

    2functionver($url){

    3$ver = filemtime($_SERVER['DOCUMENT_ROOT'].$url);

    4echo$url.'?v='.date("YmdHis",$ver);

    5}


    截图:

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

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


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

    1//原有的

    2

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

    4

    5// 修改后的

    6

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



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

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

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

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


    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请给我们来信:cainiaovip8@qq.com,我们尽快处理。

    pbootcms模板报错提示PHP Warning: Unknown: open_basedir restrictionpbootcms模板报错提示PHP Warning: Unk
    PbootCMS后台访问地址及默认帐号密码PbootCMS后台访问地址及默认帐号密码
    PbootCMS设置当前站点模板,模板子目录,黑白名单,敏感词过滤等PbootCMS设置当前站点模板,模板子目录,