使用Chrome浏览器检测

时间:2012-08-10 17:28:18

标签: javascript google-chrome browser-detection

我有这段代码:

<body onload="detect(navigator.appName)">
<h2 id=alert>This tutorial is for Google Chrome users,
why would you want to read it?</h2>
</body>
<script>
function detect(x){
    alert(x)
    if (x != "Chrome"){
        document.getElementById("alert").style.display = '';
    }
}
</script>

问题是,每当我使用谷歌浏览器打开页面时,它都会返回“ Netscape ”。有解决方法吗?

Webpage

2 个答案:

答案 0 :(得分:3)

在Chrome上,这是navigator.appName将为您提供的内容:

  

网景

解析用户代理

会更容易
if ( ! /(Chrome)/i.test(navigator.userAgent)) {
    document.getElementById("alert").style.display = '';
}

但我不得不说,如果您只向那些使用Chrome的人展示您的教程,那么您就错过了互联网的重点。

答案 1 :(得分:1)

尝试jQuery的浏览器功能http://api.jquery.com/jQuery.browser/。它经过测试和真实。