我们知道,在ThinkPHP中有个参数DEFAULT_THEME可以在配置文件中配置使用的模板。然后大多数情况下,由于浏览器的不同,手机、PC、平板等显示的网站效果也不同。我们当然可以用CSS的@media screen and (max-device-width: 320px)来更改css以适应浏览器的大小,不过,一般情况下为了更好的效果我们都根据不同的浏览器做不同的css等模板。
这样,问题来了,后台的php处理程序要保留,前台的html怎样根据浏览器的不同而自动选取不同的模板呢?
在ThinkPHP3.1中可以这样子,如下:
一、在Common/common.php里加入下面此函数,判断浏览器是否移动端。function ismobile() {
//HTTP_X_WAP_PROFILE一定是移动设备
if (isset ($_SERVER['HTTP_X_WAP_PROFILE']))
return true;
//此条摘自TPM智能切换模板引擎,适合TPM开发
if(isset ($_SERVER['HTTP_CLIENT']) &&'PhoneClient'==$_SERVER['HTTP_CLIENT'])
return true;
//如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息
if (isset ($_SERVER['HTTP_VIA']))
//找不到为flase,否则为true
return stristr($_SERVER['HTTP_VIA'], 'wap') ? true : false;
//判断手机发送的客户端标志,兼容性有待提高
if (isset ($_SERVER['HTTP_USER_AGENT'])) {
$clientkeywords = array(
'nokia','sony','ericsson','mot','samsung','htc','sgh','lg','sharp','sie-','philips','panasonic','alcatel','lenovo','iphone','ipod','blackberry','meizu','android','netfront','symbian','ucweb','windowsce','palm','operamini','operamobi','openwave','nexusone','cldc','midp','wap','mobile'
);
//从HTTP_USER_AGENT中查找手机浏览器的关键字
if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) {
return true;
}
}
//协议法,因为有可能不准确,放到最后判断
if (isset ($_SERVER['HTTP_ACCEPT'])) {
// 如果只支持wml并且不支持html那一定是移动设备
// 如果支持wml和html但是wml在html之前则是移动设备
if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) {
return true;
}
}
return false;
}
二、在{项目/Lib/}下的 CommonAction.php(此Action是其它Action的父类)加入:
Class CommonAction extends Action{
Public function _initialize(){
//判断若浏览器是移动端,则切换模板
if (ismobile()) {
//设置主题为 mobile
C('DEFAULT_THEME','mobile');
}
//............父类的其它代码.......
}
}
这样,在PC打开时用默认的模板,而在手机等移动端端时,则采用mobile这个模板。自动切换很方便。
温馨提示:此方法只适用于ThinkPHP3.1,反正我试了ThinkPHP3.0是不行的。。。