JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<div id="output"></div>

JavaScript

var getBrowser = function() {
    var userAgent = navigator.userAgent.toLowerCase(),
        browser = '',
        version = 0;

    $.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());

    // IE?
    if ($.browser.msie) {
        userAgent = $.browser.version;
        userAgent = userAgent.substring(0, userAgent.indexOf('.'));
        version = userAgent;
        browser = "Internet Explorer";
    }

    // Chrome?
    if ($.browser.chrome) {
        userAgent = userAgent.substring(userAgent.indexOf('chrome/') + 7);
        userAgent = userAgent.substring(0, userAgent.indexOf('.'));
        version = userAgent;
        // Non è Safari!
        $.browser.safari = false;
        browser = "Chrome";
    }

    // Safari?
    if ($.browser.safari) {
        userAgent = userAgent.substring(userAgent.indexOf('safari/') + 7);
        userAgent = userAgent.substring(0, userAgent.indexOf('.'));
        version = userAgent;
        browser = "Safari";
    }

    // Mozilla?
    if ($.browser.mozilla) {
        // Firefox?
        if (navigator.userAgent.toLowerCase().indexOf('firefox') != -1) {
            userAgent = userAgent.substring(userAgent.indexOf('firefox/') + 8);
            userAgent = userAgent.substring(0, userAgent.indexOf('.'));
            version = userAgent;
            browser = "Firefox"
        }
        // Un altro browser basato su Gecko
        else {
            browser = "Mozilla (not Firefox)"
        }
    }

    // Opera?
    if ($.browser.opera) {
        userAgent = userAgent.substring(userAgent.indexOf('version/') + 8);
        userAgent = userAgent.substring(0, userAgent.indexOf('.'));
        version = userAgent;
        browser = "Opera";
    }

    return {
        ua: browser,
        ver: version
    }
};


var UA = getBrowser();
$('#output').text(UA.ua + ' ' + UA.ver);