Distinguish Chrome from Safari using jQuery.browser

Question

It seems jQuery.browser is able to identify webkit rather easily as of 1.4. But how can I use it to distinguish Chrome from Safari (and visa-versa)?

Answer 1

Since Sarfraz has not corrected his answer (thank you Sarfraz for pointing me in the correct direction), I will post functioning code here.

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('version/') +8);   userAgent = userAgent.substring(0,userAgent.indexOf('.'));   $.browser.version = userAgent; } 

Answer 2

Without jQuery

isChrome = function() {    return /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); } isSafari = function() {   return /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor); } 

---

With jQuery

(Following will not work with jQuery 1.9 and above as jQuery.browser has been removed from jQuery. See http://api.jquery.com/jQuery.browser/)

$.browser.chrome = $.browser.webkit && !!window.chrome; $.browser.safari = $.browser.webkit && !window.chrome;