PHP判断客户端是手机还是电脑自动调用加载对应的CSS样式

最新推荐文章于 2022-10-28 15:02:07 发布

空城过客

最新推荐文章于 2022-10-28 15:02:07 发布

阅读量2.1k

点赞数

分类专栏：网页设计文章标签： html php 加载 CSS

本文链接：https://blog.csdn.net/fish74531/article/details/50704238

版权

网页设计专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在制作网站时，我们常常可以需要制作一个电脑页面和移动端页面，但有时只需要切换下CSS改变下布局就可以实现PC和移动页面的实现，这里我们使用PHP来判断客户端，从而分别加载对应的CSS样式，再使用界定符直接输出HTML，效果如下。

<?php
function isMobile(){  
	$useragent=isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : '';  
	$useragent_commentsblock=preg_match('|\(.*?\)|',$useragent,$matches)>0?$matches[0]:'';  	  
	function CheckSubstrs($substrs,$text){  
		foreach($substrs as $substr)  
			if(false!==strpos($text,$substr)){  
				return true;  
			}  
			return false;  
	}
	$mobile_os_list=array('Google Wireless Transcoder','Windows CE','WindowsCE','Symbian','Android','armv6l','armv5','Mobile','CentOS','mowser','AvantGo','Opera Mobi','J2ME/MIDP','Smartphone','Go.Web','Palm','iPAQ');
	$mobile_token_list=array('Profile/MIDP','Configuration/CLDC-','160×160','176×220','240×240','240×320','320×240','1080×1920','UP.Browser','UP.Link','SymbianOS','PalmOS','PocketPC','SonyEricsson','Nokia','BlackBerry','Vodafone','BenQ','Novarra-Vision','Iris','NetFront','HTC_','Xda_','SAMSUNG-SGH','Wapaka','DoCoMo','iPhone','iPod');  
		  
	$found_mobile=CheckSubstrs($mobile_os_list,$useragent_commentsblock) ||  
			  CheckSubstrs($mobile_token_list,$useragent);  
		  
	if ($found_mobile){  
		return true;  
	}else{  
		return false;  
	}  
}
if (isMobile())
echo <<< EOF
                 <link href="m.css" rel="stylesheet" media="screen" type="text/css" />
EOF;
else
echo <<< EOF
                 <link href="p.css" rel="stylesheet" media="screen" type="text/css" />
EOF;
echo <<< EOF
                 <title>PHP判断客户端加载对应CSS</title>
				 <p>文字颜色会随之变换</p>
EOF;
?>