开发的 Web 项目,最后上线是需要做一些优化的,比如将 CSS 代码压缩节约带宽,压缩过后的代码是没法看的,因为去掉了空格和换行,那么能不能开发的时候易看懂,又能实现压缩代码,可以使用我们的动态编程语言压缩代码。
例如使用 PHP 语言,使用 include() 将一类文件引入到一个文件中,然后一并压缩代码,如下是对 css 类文件进行压缩,保存为 css.php:
- if(extension_loaded('zlib')){
- ob_start('ob_gzhandler');
- }
- header ("content-type: text/css; charset: utf-8");
- ob_start("compress");
- function compress($buffer) {
- $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
- return $buffer;
- }
- include('./global.css');
- include('./ie6.css');
- include('jquery.fancybox-1.3.4.css');
- if(extension_loaded('zlib')){
- ob_end_flush();
- }
然后在页面中使用:
- <link rel="stylesheet" src="css.php"/>
来代替:
- <link rel="stylesheet" src="global.css" >
- <link rel="stylesheet" src="ie6.css" >
- <link rel="stylesheet" src="jquery.fancybox-1.3.4.css" >
如果是对 JavaScript 脚本文件一起压缩的话,只需在以上 css.php 修改
- header("content-type: text/css; charset: utf-8")
为下面的代码
- header("content-type: text/javascript; charset: utf-8")
然后 include 相关 JavaScript 脚本文件,调用方法和 css.php 是一样。