怎么把css引入到php,PHP引入合并多个JS和CSS文件实例

本文介绍了一种使用PHP合并及压缩多个JavaScript和CSS文件的方法,旨在实现非主流的响应式布局。通过PHP根据终端类型判断,实现不同设备的适配。代码示例中展示了如何去除空格、注释,并输出压缩后的文件内容。适合对前端性能优化和响应式布局感兴趣的读者参考。
摘要由CSDN通过智能技术生成

这篇文章主要实现了PHP合并并输出多个JS和CSS文件的实现方法,这里使用了一个比较简单的方法,重在揭示实现原理,需要的朋友可以参考下。

为什么要这样子做呢?其实很简单,就是用php来判断终端类型的不同,从而实现一种非主流的响应式布局。如果恰好你也有这样的想法那你就来对地方了,如果你不知吾所云,那么就当我是个神经病,下面的代码里没有加入终端类型的判断,只是实现了js 和 css的引入和输出,顺便做了一下压缩。清楚了注释和换行等!

不罗嗦了下面看代码:

1、HTML代码:

2、PHP代码:

if(isset($_GET)) {

//输出JS

if($_GET['type']=="js"){

header ("Content-type:application/x-javascript; Charset: utf-8");

$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("\r\n", "", $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

if($_GET['type']=="css"){

header ("content-type:text/css; charset: utf-8");

$files = explode(",", $_GET['get']);

$fc = '';

foreach ($files as $key => $val){

$fc .= file_get_contents($_GET['path'].$val.".css");

}

$fc = str_replace("\t", "", $fc); //清除空格

$fc = str_replace("\r\n", "", $fc);

$fc = str_replace("\n", "", $fc);

$fc = preg_replace("/\/\*[^\/]*\*\//s", "", $fc);

echo $fc;

}

}

?>

3、参数说明:

type #引入文本类型,css 或 js

get #为文件名,多个css或js可以用半角的逗号分隔。例如 base,style1,style2,global

path #为路径,可以设置相对路径。例如 style/css/ style/js/ 以“/”结尾

#配合伪静态规则来使用会更好。

以上就是此文全部内容,如果你有什么想法可以在下面留言,大家共同探讨!

所属目录: 发布时间:2018-08-29 05:04:43阅读:0

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值