我们知道,在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是不行的。。。