CSS和js自动添加版本号

昨天去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童鞋分享他的方法。