Browser Detection JS – HTML Class

js_browser_detection.js

(function(){
    var htmlTag = document.getElementsByTagName("html")[0];

    if ( navigator.userAgent.indexOf("MSIE 10.0") > -1 ) {
        htmlTag.className += ' ie10';
    }

    if ( !!navigator.userAgent.match(/Trident.*rv\:11\./) ) {
        htmlTag.className += ' ie11';
    }

    if ( /(iPad|iPhone|iPod)/g.test(navigator.userAgent) ) {
        htmlTag.className += ' is-ios';
    }

    var user_agent = navigator.userAgent.toLowerCase();
    if ( user_agent.indexOf("android") > -1 ) {
        htmlTag.className += ' is-android';
    }

    if ( -1 !== navigator.userAgent.indexOf('Mac OS X')  ) {
        htmlTag.className += ' is-os-x';
    }

    if ( /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) ) {
       htmlTag.className += ' is-chrome';
    }

    if ( -1 !== navigator.userAgent.indexOf('Firefox') ) {
        htmlTag.className += ' is-firefox';
    }

    if ( -1 !== navigator.userAgent.indexOf('Safari') && -1 === navigator.userAgent.indexOf('Chrome') ) {
        htmlTag.className += ' is-safari';
    }

})();