js检测访客浏览器类型的方法

在360浏览器检测



输出来

mozilla/4.0 (compatible; msie 8.0; windows nt 5.1; trident/4.0; .net clr 2.0.50727; infopath.2; asktbptv/5.17.0.25589; alexa toolbar)


在ff浏览器下检测显示为

mozilla/5.0 (windows nt 5.1; rv:38.0) gecko/20100101 firefox/38.0


在google浏览器显示

mozilla/5.0 (windows nt 5.1) applewebkit/537.36 (khtml, like gecko) chrome/42.0.2311.152 safari/537.36


为什么就360没有标识自己呢？这个有点怪呀具体原因可能是商业关系吧,根据上面我们知道不同浏览器会带自己的浏览器firefox/38.0 chrome/42.0.2311.152 所以我们可以通过这里来判断用户浏览器类型了。

    



    var userAgent=navigator.userAgent.toLowerCase(), s, o = {};  
    var browser={
        version:(userAgent.match(/(?:firefox|opera|safari|chrome|msie)[\/: ]([\d.]+)/))[1],
        safari:/version.+safari/.test(userAgent),
        chrome:/chrome/.test(userAgent),
        firefox:/firefox/.test(userAgent),
        ie:/msie/.test(userAgent),
        opera: /opera/.test(userAgent )
    } /* 获得浏览器的名称及版本信息 */
    if (browser.ie && browser.version > 6)
    {
      /* 判断是否为IE 6以上版本，是则执行以下操作 */
      document.writeln("
您使用的是IE "+browser.version+"<\/p>");
    }

通过以上代码的注释，你也大概知道怎么了吧。注意：if中的browser.version > 6版本判断只能用于 IE，其他浏览器的版本不能这么判断，目前还找不到一个解决的办法。如果你想让if判断成功后执行一段 html 代码，那么你可以在if后面的{}中填上 html 转换成 js 后的代码。下面提供的几个典型的浏览器判断语句：

if (browser.safari) {}  /* 判断是否为safari */
if (browser.firefox) {} /* 判断是否为firefox */
if (browser.chrome) {}  /* 判断是否为chrome */
if (browser.opera) {}   /* 判断是否为opera */
if (browser.ie) {}      /* 判断是否为IE */