WordPress add browser name to body class

leezoo

于 2013-08-26 14:14:38 发布

阅读量523

点赞数

CC 4.0 BY-SA版权

分类专栏： WordPress 文章标签： mobile WordPress

本文链接：https://blog.youkuaiyun.com/leezoo/article/details/10339827

WordPress 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用WordPress钩子函数来检测用户所使用的浏览器类型，并根据不同类型的浏览器为网站的body类添加特定的类名，以便进行针对性的样式调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// add browser name to body class

add_filter('body_class','browser_body_class');
function browser_body_class($classes) {
	global $is_gecko, $is_IE, $is_opera, $is_safari, $is_chrome, $is_iphone;
	if(!wp_is_mobile()) {
		if($is_gecko) $classes[] = 'browser-gecko';
		elseif($is_opera) $classes[] = 'browser-opera';
		elseif($is_safari) $classes[] = 'browser-safari';
		elseif($is_chrome) $classes[] = 'browser-chrome';
		elseif($is_IE) $classes[] = 'browser-ie';
		else $classes[] = 'browser-unknown';
	} else {
    	if($is_iphone) $classes[] = 'browser-ios';
        elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false) $classes[] = 'browser-android';
        elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false) $classes[] = 'browser-kindle';
        elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false) $classes[] = 'browser-blackberry';
        elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false) $classes[] = 'browser-opera-mini';
        elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mobi') !== false) $classes[] = 'browser-opera-mobi';
	}
	return $classes;
}