2025年2月24日 星期一 甲辰(龙)年 腊月廿四 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > PHP

使用 PHP 压缩 CSS 和 JavaScript 代码

时间:12-14来源:作者:点击数:20
CDSY,CDSY.XYZ

开发的 Web 项目,最后上线是需要做一些优化的,比如将 CSS 代码压缩节约带宽,压缩过后的代码是没法看的,因为去掉了空格和换行,那么能不能开发的时候易看懂,又能实现压缩代码,可以使用我们的动态编程语言压缩代码。

使用 PHP 压缩 CSS 和 JavaScript 代码

例如使用 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 是一样。

CDSY,CDSY.XYZ
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐