代码改变世界

javascript检测浏览器的版本

2015-03-05 17:34  现代人  阅读(194)  评论(0)  编辑  收藏  举报

  一个简易的浏览器版本检测，能够检测ie+,chrome,firefox,opera;以下是代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>浏览器检测</title>
</head>
</head>
<body>
<script type="text/javascript">
    var browserType = function(){
            var browser = navigator.userAgent.toLocaleLowerCase(),
                browserList=['msie 6.0','msie 7.0','msie 8.0','msie 9.0','msie 10.0','rv:11.0)','chrome','firefox','opera'],
                browserVersion;
           for(var i = 0;i<browserList.length;i++){
                if(browser.indexOf(browserList[i]) !=-1){
                    var tmp = browserList[i];
                    if(tmp.indexOf('0') == -1){
                        browserVersion =tmp;
                        return browserVersion;
                    }else if(tmp.indexOf('0') != -1){
                        if(tmp.indexOf("rv") == -1){
                            var n = tmp.slice(5).replace(".0",'');
                            browserVersion = "ie"+n;
                            return browserVersion;
                        }else{
                            browserVersion ='ie11';
                            return browserVersion;
                        }
                    }else{
                        return "不是ie,chrome,firefox,opera浏览器";
                    }
                }
           }
    }
    var browser = browserType();
    alert(browser) //"你目前的浏览器"
</script>
</body>
</html>