javascript - 如何识别浏览器？

Question

可能重复：
查找浏览器类型和版本的最佳方法？

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

Answer 1

您可以使用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>

希望这可以帮助！:)

Answer 2

不建议检测浏览器，因为浏览器是移动的目标。例如，今天 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 用户。您应该改为进行特征检测，并且有很多库可以帮助您：

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.