browser detection jquery?

Question

i am using jquery browser detection function to alert a different value on different browser but seem it is conflict with safari and chrome. they both are alerting same value. this function is working fine in all browser but the problem with safari and chrome only. thanks in advance.

<script type="text/javascript">

$(function (){

    var m= $.browser;


    if(m.webkit) {

        alert('chorme')

        }


    else if(m.safari) {

        alert('safari')

        }

    else {alert('bye bye')}


    })



</script>

I feel the urge to quote the docs when they say, "We recommend against using this property; please try to use feature detection instead..." — Sampson
– Sampson, Commented May 18, 2012 at 5:07

Blender · Accepted Answer · 2012-05-18 05:22:56Z

4

Safari and Chrome use the same rendering engine, Webkit. Look for Safari first, then the other Webkit browsers. There really is no reason to differentiate between the two in a realistic scenario; they will render webpages virtually identically in almost every case.

If you need to separate them, however, try this:

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

if (m.safari) {
    alert('safari')
} else if (m.webkit) {
    alert('chorme')
}

edited May 18, 2012 at 5:22

answered May 18, 2012 at 5:03

Blender

300k55 gold badges462 silver badges512 bronze badges

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

1 Comment

Diego Garcia Over a year ago

I'm not on my mac now to test it but it seens fine now.

thecodeparadox · Accepted Answer · 2012-05-18 05:28:47Z

0

You can try this code:

$.browser

gives same result for safari and webkit.

Check the doc for $.browser

So you can try here for your solution, but not jquery

edited May 18, 2012 at 5:28

answered May 18, 2012 at 5:03

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

2 Comments

Jitender Over a year ago

how to use this method can please send me some example

Diego Garcia Over a year ago

@thecodeparadox the thing is that m.webkit will be valid for both chrome and safari so this wouldnt work. Also the navigator properties are not reliable as you can see testing in chrome for example the appCodeName returns Mozilla. All properties can be tested here

Collectives™ on Stack Overflow

browser detection jquery?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related