Home/ Questions/Q 8721893
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T07:17:50+00:00

I’ve noticed WordPress sites that have classes in the <html> tag related to browser

  • 0

I’ve noticed WordPress sites that have classes in the <html> tag related to browser detection (if I use Firefox the html tag would have a .firefox class, even a version-detected .firefox16 class, and so on). Example, http://achristmasstorythemusical.com.
Is this a default WordPress function like body_class() or do I have to create one? How would I do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Unfortunately, I found no default WordPress browser detection class nor function. There are plugins that offer browser detection. However, I found a simple answer looking at the code snippet here. I just modified the code to return some basic browsers and added it to my functions.php file.

    //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";
    }
};

    Then, I added the function to my html tag.

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

    This will return the name of the browser I’m using as a class. For my immediate purpose, it’s enough. I hope you find this answer useful.

    • 0