在Web,js,css文件會越多,那么對就增加了http請求數,解決該問題的一個好的方法就是合并js,css文件,下面就簡單介紹一個方法,十分簡單,本文以實現原理為主,代碼可能會有出入,如果大家直接用請調試一下.
HTML代碼如下:
- <link rel="stylesheet" type="text/css" href="cssmin.php?get=base,style1,style2,global&path=css/&v=20131023" />
- <script type="text/javascript" src="jsmin.php?get=jquery-1.6.4.min.js,minjquery.js,minjquery.ui.js,test.js,global.js&path=js/&v=20131023"></script>
PHP 代碼如下:
- //輸出JS
- header ("Content-type:Application/x-javascript; Charset: utf-8");
- if(isset($_GET)) {
- $files = explode(",", $_GET['get']);
- $str = '';
- foreach ($files as $key => $val){
- $str .= file_get_contents($_GET['path'].$val);
- }
- $str = str_replace("t", "", $str); //清除空格
- $str = str_replace("rn", "", $str);
- $str = str_replace("n", "", $str);
- // 刪除單行注釋
- $str = preg_replace("///s*[a-zA-Z0-9_x7f-xff][a-zA-Z0-9_x7f-xff]*/", "", $str);
- // 刪除多行注釋
- $str = preg_replace("//*[^/]**//s", "", $str);
- echo $str;
- }
- //輸出CSS
- header ("content-type:text/css; charset: utf-8");
- if(isset($_GET)) {
- $files = explode(",", $_GET['get']);
- $fc = '';
- foreach ($files as $key => $val){
- $fc .= file_get_contents($_GET['path'].$val.".css");
- } //開源軟件:Vevb.com
- $fc = str_replace("t", "", $fc); //清除空格
- $fc = str_replace("rn", "", $fc);
- $fc = str_replace("n", "", $fc);
- $fc = preg_replace("//*[^/]**//s", "", $fc);
- echo $fc;
- }
只是個簡單原型,沒有封裝,另外,合并后的文件記得配合緩存.
附上一個相關的開源項目:http://code.google.com/p/minify/
新聞熱點
疑難解答