Detect Browser Using Hook Function

Sometimes, you might need to serve a specific content on certain Web browsers. There are many ways to fulfill this purpose but within WordPress, you can use WordPress built-in global variables. Many people don’t know that WordPress provides several global variables that can be used to detect browsers.

Below is a list of these global variables:

  • $is_lynx (for Linux)
  • $is_gecko (for Firefox)
  • $is_IE (for Internet Explorer)
  • $is_winIE (for Windows)
  • $is_macIE (for MAC)
  • $is_opera (for Opera)
  • $is_NS4 (for NS4)
  • $is_safari (for Safari)
  • $is_chrome (for Chrome)
  • $is_iphone (for iPhone)

All variables are set to FALSE by default and will only be TRUE if a preset condition is true. Let us assume that if a user loads a page using Chrome then the variable $is_chrome will be TRUE.

Now we understand the simple way that WordPress provides us with, to detect browsers. Thus, we can add detected values as a class in the body tag using body_class hook. Add the following code in functions.php file and then load your WP site. Check that the body tag will have browser name as a class.

Once everything is done, then you can see the browser name in the HTML body tag using browser inspect tool.

User Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

    Get in Touch