如何识别浏览器?

时间:2012-06-19 08:24:11

标签: javascript html browser

  

可能重复:
  Best way to find Browser type & version?

在HTML / JavaScript中,我如何识别用户正在使用哪个浏览器,并选择代码,我的意思是:如果浏览器是crhome,请执行此操作...否则... 感谢

2 个答案:

答案 0 :(得分:5)

您可以使用navigator执行此操作并获取所有详细信息。只需进行谷歌搜索!

<div id="example"></div>

<script type="text/javascript">

txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";

document.getElementById("example").innerHTML=txt;

</script>

希望这有帮助! :)

答案 1 :(得分:4)

由于浏览器是移动目标,因此不建议检测浏览器。例如,今天Chrome不支持功能X,但几个月后它开始支持它。如果你只是把

// Here I detect Chrome browser without a third-party library
if (navigator.userAgent.toLowerCase().indexOf('chrome') === -1) {
    doFeatureX()
else {
    console.log('Sorry, no Feature X for you.')
}

然后您将Chrome用户永久锁定 。你应该做feature detection而且有很多libraries来帮助你:

if (Modernizr.geolocation) {
    // do stuff with user's coordinates
}

但当然如果你想,你可以检测浏览器。例如,您希望鼓励用户升级其浏览器:

// Here I'm using jQuery
if ($.browser.msie && parseInt($.browser.version, 10) < 9) {
    // show link to http://microsoft.com/ie
} else if ($.browser.mozilla && parseInt($.browser.version, 10) < 11) {
    // show link to http://mozilla.com/firefox
} // etc.