欢迎来到誉云网络
帮助中心

誉云网络

热门搜索: pbootcms    织梦转系统    运维市场    虚拟主机   

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

  • 时间:2022-04-05 22:06 编辑:誉云网络 来源: 阅读:36
  • 扫一扫,手机访问
摘要: 一般来说样式修改后,因为浏览器有缓存上线的网站简单刷新没有变化,这个时候需要强制刷新才可以立马看到效果。有时客户那边看不到修改效果还要解释。   其实可以给修改的样式增加版本号来解决,这样就可以一刷新看到最新样式

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

 

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

 

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

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

}


截图:

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

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


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

//原有的

 

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

 

// 修改后的

 

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



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

 

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

 

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


  • 全部评论(0)
最新发布的资讯信息
【源码/模板|Discuz!教程】UCenter info: MySQL Query Error(dz论坛登陆管理员出错代码)(2022-04-12 22:51)
【源码/模板|pbootcms教程】pbootcms后台设置二级菜单默认展开(后台栏目所有展开)(2022-04-05 22:50)
【源码/模板|pbootcms教程】pbootcms挪用内容中换行符“”不换行怎么办(2022-04-05 22:50)
【源码/模板|pbootcms教程】pbootcms模板如何判断封面图片是否为空(2022-04-05 22:49)
【源码/模板|pbootcms教程】pbootcms在阿里云主机上邮件发送失败:服务器已经禁用stream_socket_client和fsockopen函(2022-04-05 22:48)
【源码/模板|pbootcms教程】pbootcms后台菜单若何开启(2022-04-05 22:47)
【源码/模板|pbootcms教程】给pbootcms增加换行标签br=1(2022-04-05 22:47)
【源码/模板|pbootcms教程】pbootcms英文站搜索效果页面包屑显示中文的修改方法(2022-04-05 22:46)
【源码/模板|pbootcms教程】pbootcms如何显示按文章内容搜索,而不是搜索标题(2022-04-05 22:46)
【源码/模板|pbootcms教程】pbootcms网站留言发送到邮箱教程(2022-04-05 22:45)
联系我们
Q Q:827202335
客服:18312384410
邮箱:827202335@qq.com
营业:09:00 - 19:00
联系客服
购买源码 源码咨询 联系客服
18312384410
手机版

扫一扫进手机版
返回顶部