js 获取浏览器类别

  1. 今天花了大半个下午,整理了一下 js 获取 浏览器类别,各浏览器 userAgent、version 截图如下:
    这里写图片描述

  2. 具体代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">

    function getBrowserType(){
        var browserType = "";
        var agent = window.navigator.userAgent;
        // ie 7 8 9 10
        if(agent.indexOf('Trident/7.0') != -1){
            var ieRegExp = new RegExp("(MSIE \\d{1,2}\\.\\d);");
            var exec = ieRegExp.exec(agent);
            switch(RegExp.$1){
                case 'MSIE 7.0':
                    browserType = "IE7";
                    break;
                case 'MSIE 8.0':
                    browserType = "IE8";
                    break;
                case 'MSIE 9.0':
                    browserType = "IE9";
                    break;
                case 'MSIE 10.0':
                    browserType = "IE10";
                    break;
            }

            // ie11
            if(agent.indexOf('rv:11.0') != -1){
                browserType = "IE11";
            }
        }

        // edge
        if(agent.indexOf('Edge') != -1){
            browserType = "Edge";
        }

        // chrome
        if(agent.indexOf('Chrome') != -1 && agent.indexOf('Safari') != -1 && agent.indexOf('Edge') == -1){
            browserType = "Chrome";
        }

        // firefox
        if(agent.indexOf('Firefox') != -1){
            browserType = "Firefox";
        }

        // safari
        if(agent.indexOf('Safari') != -1 && agent.indexOf('Chrome') == -1){
            browserType = "Safari";
        }

        // opera
        if(agent.indexOf('OPR') != -1){
            browserType = "Opera";
        }


        alert("browser type:" + browserType);
        return browserType;
    }
</script>
</head>
<body onload="getBrowserType();">
</body>
</html>
  1. 源码下载地址如下:http://download.csdn.net/detail/qq_23039605/9888771
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值