WordPress使用全局变量判断浏览器及使用平台的方法

追格官方小助手/ 2023年02月17日/ WordPress/ 浏览 1857

基于浏览器兼容性的问题,我们在开发WordPress的时候,可能要对不同的浏览器使用不同的class样式。


一些平台变量如下:


$is_iphone – iPhone Safari
$is_chrome – Google Chrome
$is_safari – Safari
$is_NS4 – Netscape 4
$is_opera – Opera


如上所述,此时我们可以使用全局变量进行判断,将以下代码添加到当前WordPress主题的functions.php文件中即可。


<?php
add_filter('body_class','browser_body_class');
function browser_body_class($classes) {
	global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
 
	if($is_lynx) $classes[] = 'lynx';
	elseif($is_gecko) $classes[] = 'gecko';
	elseif($is_opera) $classes[] = 'opera';
	elseif($is_NS4) $classes[] = 'ns4';
	elseif($is_safari) $classes[] = 'safari';
	elseif($is_chrome) $classes[] = 'chrome';
	elseif($is_IE) $classes[] = 'ie';
	else $classes[] = 'unknown';
 
	if($is_iphone) $classes[] = 'iphone';
	return $classes;
}
?>


当用户在浏览网站首页时,body标签即添加指定的样式,如下所示:


<body class="home blog logged-in safari">


这样我们即可不同平台设置不同的样式,解决浏览器不兼容的问题了。

发表评论

暂无评论,抢个沙发...

客服 工单