文档说明:
随着移动互联网的普及,很多网站都针对小屏设备做了专门性的适配,而对于个人站长而言,通过CSS媒体查询制作响应式模版几乎成了首选。
我们必须称赞这种方式对于缩短落地周期、降低开发成本带来的正向意义,但也不可忽视,在CMS类型的站点中,当页面显示内容过于庞杂时这种方式的捉襟见肘。
因此,针对设备访问类型做出判断,并根据访问设备的不同有选择性的加载和展示某些模块成为了优化移动设备访问的另一种有效形式。
当然,这具有普适性,并非只能运用于Typecho中。
涉及文件:
usr/themes/当前正在使用的模版/functions.php
修改说明:
1.打开文件 usr/themes/当前正在使用的模版/functions.php,添加如下代码:
/**
* @return bool
* 是否为移动设备
*/
function isMobile()
{
// 如果有HTTP_X_WAP_PROFILE则一定是移动设备
if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) {
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;
}
2.在适当的模版文件中引用逻辑判断
<?php if(isMobile()): ?>
如果是手机设备执行此段代码
<?php else: ?>
否则执行此段代码
<?php endif;?>