Question

121

How can I detect browser type using jQuery?

rated 0 times [ 124] [ 3] / answers: 1 / hits: 175042 / 11 Years ago, mon, october 14, 2013, 12:00:00

I want to detect if the user is using IE and Firefox but I cannot find the script.

I have code as below:

$(document).ready(function(e) {

    $.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); 

    if($.browser.chrome){

        alert(1);

             //this work well

    }

            else if(//the browser is IE){alert(2);}

            else if(//the browser is Firefox){alert(3);}



   //The problem is that I don't know how to write a script for IE and FireFox browser for chrome is work fine

 )};

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

raveno

Add To Favorites

Follow

Total Points: 453

Total Questions: 92

Total Answers: 92

Location: France

Member since Thu, Oct 27, 2022

2 Years ago

raveno questions

1 Webpacker error related to module babel-plugin-syntax-dynamic-import

Wed, Jun 24, 20, 00:00, 4 Years ago

1 Problem with using map to populate select in React / Material UI

Sat, Feb 29, 20, 00:00, 4 Years ago

1 How to use a Global Variable in Jest

Fri, Dec 20, 19, 00:00, 5 Years ago

1 No node found for selector in headless true mode of puppeteer

Thu, Sep 26, 19, 00:00, 5 Years ago

1 How to fix Uncaught TypeError: Cannot read property 'Timestamp' of undefined?

Sat, Jun 22, 19, 00:00, 5 Years ago

View All

answered 11 Years ago jerome · Accepted Answer

The best solution is probably: use Modernizr.

However, if you necessarily want to use $.browser property, you can do it using jQuery Migrate plugin (for JQuery >= 1.9 - in earlier versions you can just use it) and then do something like:

if($.browser.chrome) {

   alert(1);

} else if ($.browser.mozilla) {

   alert(2);

} else if ($.browser.msie) {

   alert(3);

}

And if you need for some reason to use navigator.userAgent, then it would be:

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

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