这篇文章主要介绍了如何使用php脚本给html中引用的js和css路径打上版本号，打版本号有个好处就是可以解决外部应用文件实时更新问题，喜欢的朋友一起看看全文吧。

在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、js等，而不必从你的服务器读取，这样在一定程度上加快了网站的打开速度，又可以节约一下你的服务器流量。

具体文字说明不给大家多说了，下面通过代码实例给大家讲解。

比如：

<link rel="stylesheet" type="text/css" href="./css/globel.css">

<script src="./js/config.js"></script>

中的href和src加上版本

<link rel="stylesheet" type="text/css" href="./css/globel.css?eslc-app=3-0-2">

<script src="./js/config.js?eslc-app=3-0-2"></script>

当然如果不是前后端 分离得干干净净的，就没必要这么额外的这样自己在写个脚本去打版本。

打版本的好处：

解决外部引用文件实时更新问题。比如

pc端上主要体现在 iframe中的外部引用文件不会实时更新。

wap端上部分app也是比如微信。 如果你的网页是嵌到自己的app，那也更不用说了。

用php写了个类

1. //生成版本
2. //清除版本
3. class ReplaceVersion{
4. protected $filePostFixs = array();
5. protected $versionName = null;
6. protected $version = null;
7. protected $path = null;
8. /**
9. * @param mixed $configs
10. * @param [type] $profix [description]
11. * @param [type] $path [description]
12. */
13. public function __construct($configs, $profix, $path){
14. if (!$this->isCanRun()) {
15. $this->error('必须在内网环境 10.10.0开头才可运行'); //exit;
16. }
17. $this->setVersion($configs);
18. $this->setFilePostFix($profix);
19. $this->path = $path;
20. }
21. protected function isCanRun(){
22. if (strpos($_SERVER['HTTP_HOST'], '10.10.0') !== false) {
23. return true;
24. }
25. return false;
26. }
27. /**
28. * 匹配到script节点
29. * @param array $match 匹配到的script
30. * @return string 处理好的script
31. */
32. protected function callbackScript($match){
33. //["<script src="../js/config.js?is=new"></script>", "../js/config.js", "?is=new"]
34. /*/<script.*?src=\"(.*?)(\?.*?|\?)?\".*?><\/script>/*/
35. $str = $match[0];
36. $pattern = '/(<script.*?src=\")(.*)?(\"><\/script>)/';
37. return $this->callbackMatch($str, $pattern);
38. }
39. /**
40. * 匹配到css节点
41. * @param array $match 匹配到的css
42. * @return string 处理好的css
43. */
44. protected function callbackCss($match){
45. // '<link rel="stylesheet" type="text/css" href="../css/globel.css">';
46. $str = $match[0];
47. $pattern = '/(<link.*?href=\")(.*)?(\".*?>)/';
48. return $this->callbackMatch($str, $pattern);
49. }
50. /**
51. * 回调模式匹配
52. * @param string $str
53. * @param string $pattern
54. * @return string
55. */
56. protected function callbackMatch($str, $pattern){
57. switch ($this->dealFlag) {
58. case 'replace':
59. return $this->replaceCallbackMatch($str, $pattern);
60. case 'clean':
61. return $this->cleanCallbackMatch($str, $pattern);
62. default:
63. $this->error('非法模式');
64. }
65. }
66. /**
67. * 替换版本
68. * @param string $str 待处理的string
69. * @param string $pattern 正则
70. * @return string 处理后的string
71. */
72. protected function replaceCallbackMatch($str, $pattern){
73. if (!preg_match($pattern, $str, $third)) {
74. return $str;
75. }
76. $arr = explode('?', $third[2]);
77. $len = count($arr);
78. $versionName = $this->versionName;
79. $version = $this->version;
80. if ($len === 1) {//没有问号
81. $arr[0] .= '?'. $versionName. '='. $version;
82. }else{//有问号
83. if (preg_match('/(^|\&)'. $versionName.'=(.*?)($|\&)/', $arr[1])) {//存在
84. $arr[1] = preg_replace('/(^|\&)'. $versionName.'=(.*?)($|\&)/', '$1'. $versionName.'='. $version. '$3', $arr[1]);
85. $arr[0] .= '?'. $arr[1];
86. }else{//不存在
87. $arr[0] .= '?'. $arr[1]. '&'. $versionName. '='. $version;
88. }
89. }
90. return $third[1]. $arr[0]. $third[3];
91. }
92. /**
93. * 清除版本
94. * @param string $str 待清除的版本
95. * @param string $pattern 正则
96. * @return string 清除后的string
97. */
98. protected function cleanCallbackMatch($str, $pattern){
99. if (!preg_match($pattern, $str, $third)) {
100. return $str;
101. }
102. $arr = explode('?', $third[2]);
103. $len = count($arr);
104. $versionName = $this->versionName;
105. if ($len > 1 && strpos($arr[1], $versionName. '=') !== false) {
106. $arr[1] = preg_replace('/(^|\&)'. $versionName.'=(.*?)($|\&)/', '$1', $arr[1]);
107. substr($arr[1], -1) === '&' && ($arr[1] = substr($arr[1], 0, -1));
108. $arr[0] .= strlen($arr[1]) > 0 ? '?'. $arr[1] : '';
109. $str = $third[1]. $arr[0]. $third[3];
110. }
111. return $str;
112. }
113. /**
114. * 执行
115. */
116. protected function run(){
117. if ($this->path == '') {
118. $this->error('empty path');
119. return ;
120. }
121. if (is_dir($this->path)) {
122. $this->setDirFilesVersion( $this->path );
123. }else if(is_file($this->path)){
124. $this->setFileVersion( $this->path );
125. }else{
126. $this->error('error path');
127. }
128. }
129. /**
130. * 添加版本
131. */
132. public function replace(){
133. $this->dealFlag = 'replace';
134. $this->run();
135. echo 'replace success';
136. }
137. /**
138. * 清除版本
139. */
140. public function clean(){
141. $this->dealFlag = 'clean';
142. $this->run();
143. echo 'clean success';
144. }
145. protected function success(){
146. }
147. protected function error($errorMsg){
148. echo $errorMsg;
149. exit();
150. }
151. protected function setDirFilesVersion($dir){
152. $handle = null;
153. $file = null;
154. if ( $handle = opendir($dir)) {
155. while ( false !== ($file = readdir($handle)) ) {
156. if ($file === '.' || $file === '..' || strpos($file, '.') === -1 ) {continue;}
157. $this->setFileVersion($file);
158. }
159. }
160. }
161. protected function setFileVersion($file){
162. $temp = null;
163. /*$pattern = '/<script.*?src=\"(.*?)(\?.*?|\?)?\".*?><\/script>/';*/
164. $temp = explode('.', $file) ;
165. if ( ! $this->isNeedReplacePostFix(array_pop( $temp )) ) {return;}
166. $content = null;
167. $content = file_get_contents($file);
168. $content = preg_replace_callback('/<script.*?><\/script>/', array(&$this, 'callbackScript'), $content);
169. $content = preg_replace_callback('/<link.*?type="text\/css".*?>/', array(&$this, 'callbackCss'), $content);
170. // highlight_string($content);
171. file_put_contents($file, $content);
172. }
173. /**
174. * 获得版本
175. * @param mixed $configs array( 'versionName' : 'version') || $versionName
176. */
177. protected function setVersion($configs){
178. // last_wap_version = '3-0-0',
179. // wap_version = '3-0-1',
180. if (is_array($configs) && $configs > 0) {
181. foreach ($configs as $key => $value) {
182. $this->version = $value;
183. $this->versionName = $key;
184. }
185. }else if(is_string($configs) && $configs != ''){
186. $configs = explode(',', $configs);
187. $this->versionName = $configs[0];
188. count($configs) == 2 && ($this->version = $configs[1]);
189. }else{
190. $this->error('the version is empty');
191. }
192. }
193. /**
194. * 通过后缀判断该文件是否要添加或清除版本
195. * @param string $profix 后缀
196. * @return boolean true | false
197. */
198. protected function isNeedReplacePostFix($profix){
199. if (in_array($profix, $this->filePostFixs)) {
200. return true;
201. }
202. return false;
203. }
204. /**
205. * 设置需要操作的后缀
206. */
207. public function setFilePostFix($profix){
208. if (is_array($profix)) {
209. count($profix) > 0 && ( $this->filePostFixs = array_merge($this->filePostFixs, $profix) );
210. }else if(is_string($profix)){
211. $this->filePostFixs[] = $profix;
212. }
213. }
214. }

使用：

1. $dir = __DIR__;
2. $is_clean = false;
3. //$is_clean = true;
4. //第一个参就是版本信息, 第二个就是要匹配的文件后缀, 第三个是要匹配的目录或者文件
5. if ($is_clean) {//清除版本
6. $configs = 'eslc-wap';
7. $replaceObj = new ReplaceVersion($configs, array('html'), $dir);
8. $replaceObj->clean();
9. }else{//添加或替换版本
10. $configs = array('eslc-wap' => '1.0.1');//也可以写成 $configs = 'eslc-wap, 1.0.1';
11. $replaceObj = new ReplaceVersion($configs, array('html'), $dir);
12. $replaceObj->replace();
13. }