Detecting browser using jQuery

Home » JQuery » jQuery Interesting codes » Detecting browser using jQuery

Detecting browser using jQuery

Posted by 20Fingers2Brains on Tags: JQuery , jQuery Interesting codes

We often need to know the current running browser and its version while developing applications.
The jquery makes it easy to determine the browser infomation like browser used and its version.
We use $.browser property to determine the browser details.
It contains flags for each of the four most prevalent browser classes (Internet Explorer, Mozilla, Webkit, and Opera) as well as version information.

Code :

$(document).ready(function () {
    $("#browser").click(function () {
        if ($.browser.mozilla) {
            alert('Current Browser : Mozilla, Version : ' + $.browser.version);
        }

        if ($.browser.safari) {
            alert('Current Browser : Safari, Version : ' + $.browser.version);
        }

        if ($.browser.chrome) {
            alert('Current Browser : Chrome, Version : ' + $.browser.version);
        }

        if ($.browser.opera) {
            alert('Current Browser : Opera, Version : ' + $.browser.version);
        }

        if ($.browser.msie) {
                        alert('Current Browser : IE, Version : ' + $.browser.version);
        }
    });
});

Demo :

The $.browser makes use of navigator.userAgent to determine the platform.
As $.browser uses navigator.userAgent to determine the platform, it is vulnerable to spoofing by the user or misrepresentation by the browser itself. It is always best to avoid browser-specific code entirely where possible. The $.support property is available for detection of support for particular features rather than relying on $.browser.
Thus using the above jQuery code we can determine the current running browser and its version.