Question

我注意到在<html>标签中有与浏览器检测相关的类的Wordpress网站（如果我使用Firefox，html标签会有.firefox类，甚至是版本检测到的.firefox16类，等等上）。例如，http://achristmasstorythemusical.com。这是一个默认的Wordpress函数，如body_class()还是我必须创建一个？我该怎么做？

Answer 1

不幸的是，我发现没有默认的Wordpress浏览器检测类也没有功能。 There are plugins that offer browser detection。但是，我找到了一个简单的答案，查看代码段here。我刚刚修改了代码以返回一些基本浏览器并将其添加到我的functions.php文件中。

//return a conditional browser string
function browser_detect(){
    $iphone = stripos($_SERVER['HTTP_USER_AGENT'],"iPhone");
    $firefox = stripos($_SERVER['HTTP_USER_AGENT'],"Firefox");
    $safari = stripos($_SERVER['HTTP_USER_AGENT'],"Safari");
    $ie = stripos($_SERVER['HTTP_USER_AGENT'],"MSIE");
    $opera = stripos($_SERVER['HTTP_USER_AGENT'],"Opera");
    $chrome = stripos($_SERVER['HTTP_USER_AGENT'],"Chrome");
    //detecting device 
    if ($iphone == true){
                echo "iphone";
    }
    elseif($firefox == true){
                echo "firefox";
    }
    elseif($ie == true){
                echo "explorer";
    }
    elseif($chrome == true){
                echo "chrome";
    }
    elseif($safari == true){
                echo "safari";
    }
    elseif($opera == true){
                echo "opera";
    }
    else{
        echo "unknown";
    }
};

然后，我将该函数添加到我的html标签中。

<html class="<?php browser_detect(); ?>">

这将返回我正在使用的浏览器的名称。为了我的直接目的，这已经足够了。我希望你觉得这个答案很有用。

Answer 2

可能是Modernizr。如果你包括它，它会根据浏览器的能力注入那些类等。

Answer 3

检查加载的脚本时，

看起来像一个Typekit插件。

如何在Wordpress中添加条件浏览器类？

3 个答案: