maliao 综合资源 2023-11-22

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

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

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

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

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

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

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

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

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

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

`2`	`function` `ver($url){`

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

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

5 }

WEEX交易所已上线平台币 WEEX Token (WXT)。WXT 作为 WEEX 交易所生态系统的基石，主要用于激励 WEEX 交易平台社区的合作伙伴、贡献者、先驱和活跃成员。

新用户注册 WEEX 账户、参与交易挖矿及平台其他活动，均可免费获得 WXT 空投奖励。

点此注册 WEEX 账户，即刻领取 1,600 WXT 新用户专属空投

截图：

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

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

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

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

介绍操作方法源码

本站资源均来源于网络或网友投稿，部分资源未经测试，难免存在BUG，所有资源只限于学习研究，不得商用。如使用本站下载的资源造成任何损失或发生侵权行为，均与本站无关。如不接受本声明请勿下载！本站资源如有侵权，请联系QQ：497149677核实后立即删除！
最客资源网 » PbootCMS网站修改CSS样式后自动更新缓存

maliao 普通

分享到：

maliao 普通

相关推荐