当前位置: 首页 > WP教程 > 正文

wordpress中wp_is_mobile()函数判断手机设备

收藏文章Loading
收藏
(50)

最近在论坛和wordpress讨论群里面看到有些朋友一直讨论wp判断手机设备问题,很多朋友给出了自定义判断手机浏览器的函数,效果也都挺好的,但是,我查询了一下官方文档,发现在wp3.4版本中引入了一个更强大,更方便方便使用的函数wp_is_mobile()。使用这个函数可以自动检测出当前访客使用的浏览设备是不是手机,并返回一个布尔值,实现主体的响应式设计。

使用方法:

if(wp_is_moblile()){
    echo '你正在使用移动设备浏览';
}else{
    echo '你目前使用的不是移动设备';
} 

看上面的一段代码,现在有了这个功能强大的函数,完全可以使用来显示不同的判断哪部分内容要加载,哪部分不用加载,还可以使用这个函数来改变不同的class,为不同的设备书写不同的样式,从而达到完美的效果。

让我们来看一下这个函数的源代码

function wp_is_mobile() {
    static $is_mobile;
 
    if ( isset($is_mobile) )
        return $is_mobile;
 
    if ( empty($_SERVER['HTTP_USER_AGENT']) ) {
        $is_mobile = false;
    } elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false 
        || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false
        || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false
        || strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false
        || strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false
        || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false ) {
            $is_mobile = true;
    } else {
        $is_mobile = false;
    }
 
    return $is_mobile;
} 

从源代码中我们可以看出,这个功能强大的函数,已经可以识别很多的移动设备的浏览器了,包括Iphone,ipad, android, silk, kindle ,BlackBerry,Opera Mini以及Opera Mini。这基本上已经满足了所有的移动设备了!

如果你想做一个响应式主题,也许这个函数会对你有帮助,应该能够省去不少的多余事情!!

本文固定链接: http://www.csyor.com/363.html - 穿梭于偶然

该日志由 Csyor 于2014年01月12日发表在 WP教程 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: wordpress中wp_is_mobile()函数判断手机设备 - 穿梭于偶然
关键字: , , ,

wordpress中wp_is_mobile()函数判断手机设备:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter