jquery检查用户浏览器类型答案

【问题标题】：jquery check user browser typejquery检查用户浏览器类型
【发布时间】：2011-11-12 21:40:31
【问题描述】：

我正在使用$.browser 来尝试检查用户访问我网站的浏览器类型。但是我遇到的问题是 Safari 和 Chrome 都是 webkit 浏览器，因此我也不知道如何区分它们。

有没有办法区分 safari 和 chrome，以便我可以让我的网站做一些不同的事情？

【问题讨论】：

检查这个问题，它可能会有所帮助。 stackoverflow.com/questions/3303858/…
jQuery 1.6 Browser detection的可能重复

【解决方案1】：

这里有一个类似的主题： 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;
}

【讨论】：

【解决方案2】：

您可以使用navigator.userAgent 来找出答案。

一些示例输出：铬：

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

火狐：

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

请看这里：http://jsfiddle.net/bQrgB/

【讨论】：

【解决方案3】：

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/

【讨论】：

啊太棒了，这可能会奏效。您能否确认我是否也可以将“msie”、“opera”和“mozilla”传递到这些 if else 语句中？
@Cliftwalker：是的。你可以。小写！