在制作网站时,我们常常可以需要制作一个电脑页面和移动端页面,但有时只需要切换下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;
?>