articles

Home / DeveloperSection / Articles / Detect Browser and Version using JavaScript

Detect Browser and Version using JavaScript

AVADHESH PATEL5955 23-Apr-2013

In this article I’m trying to explain, how to get browser name and its version (Chrome, Firefox, Internet Explorer, Opera and Safari) using JavaScript. This might be useful for web development, because some time developers need to write browser specific code.  Below I’m giving line of code that’s you can use simply copy and paste in your web project.

<script type="text/javascript">
    $(function () {
        // Get Browser Name
        var browser=navigator.appName;
        // Get All Navigator Browser Name and Version
        var b_version=navigator.appVersion;
        // Get Navigator Browser Version
        var version=parseFloat(b_version);
        // Browser Navigator Name
        var useragent=navigator.userAgent;
        switch (browser) {
            case 'Microsoft Internet Explorer':
                browser="MSIE";
                // Get Intetnet Explorer Version
                version=useragent.substr(useragent.lastIndexOf('MSIE') +5,3);
                alert(version);
                break;
            case 'Netscape':
                if (useragent.lastIndexOf('Chrome/') >0) {
                    browser="Chrome";
                    // Get Chrome Version
                    version=useragent.substr(useragent.lastIndexOf('Chrome/') +7,10);
                    alert(version);
                }
                else if (useragent.lastIndexOf('Firefox/') >0) {
                    browser="Firefox";
                    // Get Firefox Version
                    version=useragent.substr(useragent.lastIndexOf('Firefox/') +8,5);
                    alert(version);
                }
                else if (useragent.lastIndexOf('Safari/') >0) {
                    browser="Safari";
                    // Get Safari Version
                    version=useragent.substr(useragent.lastIndexOf('Safari/') +7,6);
                    alert(version);
                }
                else {
                    // Display undifine browser name
                    alert('Undefine Browser');
                }
                break;
            case 'Opera':
                version=useragent.substr(useragent.lastIndexOf('Opera/') +6,5);
                // Get Opera Version
                alert(version);
                break;
        }
    });
    </script>

Note:  For executing above JavaScript, Import following JavaScript file

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
 
OR
 
<script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
 
OR
 
Any “jquery.js” updated library. 

I hope you enjoy this article and it helpful for you.


Updated 30-Nov-2017
Avadhesh Kumar Patel District Project Manager - Aligarh 14 months work experience in Panchayati Raj Department Sector as District Project Manager & 12 months work experience in IT Sector as Software Engineer. :-)

Leave Comment

Comments

Liked By