CSS和js自动添加版本号
来源:互联网 发布:那英人品知乎 编辑:程序博客网 时间:2024/05/17 22:10
昨天去winy那里咨询他网站里css和js后面版本号的问题,我之所以想加这个功能是因为每次在A电脑修改的样式或者js到了B电脑上就看不到效果,还得ctrl+f5才能看到,我承认我缓存了网站的样式和js,虽然可以让用户把一些常用的很少改动的样式和js缓存到本地,蛋似当我修改了样式或者js后用户看到的还是之前缓存的那个版本,这是个很糟糕的问题,这样不能让各位童鞋们第一时间看到我搞出那些可爱效果,所以我决定也搞一个自动添加版本号的功能。
winy童鞋已经写好了给wordpress的css和js加上时间戳这篇文章,我在想是不是有其他方法来实现这个功能,功夫不负有心淫,我找到了这个功能,automatically-version-your-css-and-javascript-files,如果需要各位童鞋可以去看一下,相比较还是winy童鞋的后缀看着舒服,所以我也换成那个?v=123456的形式,吼吼,以后你们就可以第一时间看到偶所修改的功能了。
winy童鞋给出的方法貌似不需要修改.htaccess 文件,而我找到的方法貌似需要修改.htaccess 文件,你需要在.htaccess里面加这段代码#Rules for Versioned Static Files
RewriteRule ^(scripts|css)/(.+)\.(.+)\.(js|css)$ $1/$2.$4 [L]
然后在你的function.pnp里加上
<?php
function autoVer($url){
$path = pathinfo($url);
$ver = '.'.filemtime($_SERVER['DOCUMENT_ROOT'].$url).'.';
echo $path['dirname'].'/'.str_replace('.', $ver, $path['basename']);
}
?>
使用的时候这样使用,里面的参数填你的css或者js路径地址<link rel="stylesheet" href="<?php autoVer('/css/style.css'); ?>" type="text/css" />
<script type="text/javascript" src="<?php autoVer('/scripts/all.js'); ?>"></script>
有需求的童鞋可以试一下,两种方法,两种精彩,最后感谢一下winy童鞋分享他的方法。
- CSS和js自动添加版本号
- 为js和css文件自动添加版本号
- CSS JS 添加版本号
- js和css文件自动在后缀处添加版本号(.NET)
- 一个通用自动处理 js版本号和css 版本号、自动压缩 js,css、自动清理网页注释工具
- HTML页面自动清理js、css文件的缓存(自动添加版本号)
- js 和css 加版本号问题
- Web项目发布 采用gulp压缩 JS CSS CSHTML ASPX HTML Image 给JS CSS自动添加版本号 强制浏览器刷新缓存
- gulp自动添加版本号
- Gulp自动添加版本号
- 使用maven 自动为 js/css加版本号
- 添加css和js文件
- 添加css和js文件
- HTML中css和js链接中的版本号
- HTML中css和js链接中的版本号
- HTML中css和js链接中的版本号(刷新缓存)
- HTML中css和js链接中的版本号
- HTML中css和js链接版本号的用途
- 4个月,工厂女工转型魔都白领
- 沙龙邮箱助手
- 用C语言爬网页代码
- CodeForces 519D A and B and Interesting Substrings
- uva难度分级列表
- CSS和js自动添加版本号
- POJ Challenge Round 5 -- A:magic (物理)
- 第5题作业
- 一张图看懂Android注册登录+服务端
- BZOJ 1216 HNOI 2003 操作系统 堆
- 第三题(对象的序列化)
- JFinal源码走读_5_Validator校验源码分析
- jquery中使用append添加html导致onclick事件失效
- 运行时类型信息RTTI