jquery check user browser type

Question

I'm using $.browser to try and check what type of browser users have accessing my site. The problem I have however is that both Safari and Chrome are webkit browsers and I therefore do not know how to distinguish between the too.

Is there a way to distinguish between safari and chrome so that I can have my site do something different?

check this question, it may help. stackoverflow.com/questions/3303858/… — reader_1000
– reader_1000, Commented Sep 8, 2011 at 11:04

genesis · Accepted Answer · 2011-09-08 11:05:06Z

4

function browserTester(browserString) {
    return navigator.userAgent.toLowerCase().indexOf(browserString) > -1;
}

if(browserTester('chrome')) {
    // do stuff for chrome
} else if(browserTester('safari')) {
    //do stuff for safari
}

http://jsfiddle.net/genesis/gm3Na/

answered Sep 8, 2011 at 11:05

genesis

51.1k20 gold badges99 silver badges127 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Cliftwalker Over a year ago

ah great this will probably do the trick. Can you confirm if I can pass in 'msie', 'opera' and 'mozilla' into these if else statements too?

genesis Over a year ago

@Cliftwalker: yes. you can. In lowercase!

Martin Schlagnitweit · Accepted Answer · 2011-09-08 11:05:51Z

0

You can use the navigator.userAgent to find this out.

Some sample outputs: Chrome:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_0) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.220 Safari/535.1

Firefox:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:6.0.2) Gecko/20100101 Firefox/6.0.2

Safari:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7) AppleWebKit/534.48.3 (KHTML, like Gecko) Version/5.1 Safari/534.48.3

See here: http://jsfiddle.net/bQrgB/

answered Sep 8, 2011 at 11:05

Martin Schlagnitweit

2,1016 gold badges27 silver badges44 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:24:35Z

0

Here you have a similar topic: Distinguish Chrome from Safari using jQuery.browser

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

// Is this a version of Chrome?
if($.browser.chrome){
  userAgent = userAgent.substring(userAgent.indexOf('chrome/') +7);
  userAgent = userAgent.substring(0,userAgent.indexOf('.'));
  $.browser.version = userAgent;
  // If it is chrome then jQuery thinks it's safari so we have to tell it it isn't
  $.browser.safari = false;
}

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

edited May 23, 2017 at 10:24

CommunityBot

11 silver badge

answered Sep 8, 2011 at 11:06

expertCode

5334 silver badges14 bronze badges

Collectives™ on Stack Overflow

jquery check user browser type

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related