markdown 判断浏览器类型和版本

Posted 2021-05-05

### 适用场景

对于不同的浏览器设置不同的显示效果等，比如zoom的效果在火狐浏览器中不兼容，那么就可以使用js判断当前浏览器为火狐时，适用单独的css去实现类似效果


### H5 判断

```
<!--[if IE 6]>仅IE6可识别<![endif]-->
<!--[if lte IE 6]> IE6及其以下版本可识别<![endif]-->
<!--[if lt IE 6]> IE6以下版本可识别<![endif]-->
<!--[if gte IE 6]> IE6及其以上版本可识别<![endif]-->
<!--[if gt IE 6]> IE6以上版本可识别<![endif]-->
<!--[if IE]> 所有的IE可识别<![endif]-->
<!--[if !IE]><!--> 除IE外都可识别<!--<![endif]-->
```

### JS 判断

```
function showbroswer(){
    if((!!window.ActiveXObject || "ActiveXObject" in window)){ // edge浏览器中为false，ie11为true
        alert('IE');//IE浏览器
    }
    if (window.navigator.userAgent.indexOf("MSIE")>=1){
        // edge浏览器中为false，ie11中为false
    }
    if(navigator.userAgent.indexOf("Firefox")!=-1){
        alert('Firefox');//火狐浏览器
    }
    if(navigator.userAgent.indexOf("Chrome")!=-1){
        alert("Chrome");//Chrome内核浏览器
    }
    if(navigator.userAgent.indexOf("Safari")!=-1){
        alert("Safari");//Safari浏览器
    }
    
    var agent = navigator.userAgent.toLowerCase() ;
    
    var regStr_ff = /firefox\/[\d.]+/gi
    var regStr_chrome = /chrome\/[\d.]+/gi ;
    var regStr_saf = /safari\/[\d.]+/gi ;
    
    //firefox
    if(agent.indexOf("firefox") > 0)
    {
      return agent.match(regStr_ff) ;
    }
    
    //Chrome
    if(agent.indexOf("chrome") > 0)
    {
      return agent.match(regStr_chrome) ;
    }
    
    //Safari
    if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0)
    {
      return agent.match(regStr_saf) ;
    }
    
    (getBrowserInfo()+"").replace(/[^0-9.]/ig,"");
}

function IEVersion() {
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  
    var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  
    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
    if(isIE) {
        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
        reIE.test(userAgent);
        var fIEVersion = parseFloat(RegExp["$1"]);
        if(fIEVersion == 7) {
            return 7;
        } else if(fIEVersion == 8) {
            return 8;
        } else if(fIEVersion == 9) {
            return 9;
        } else if(fIEVersion == 10) {
            return 10;
        } else {
            return 6;//IE版本<=7
        }   
    } else if(isEdge) {
        return 'edge';//edge
    } else if(isIE11) {
        return 11; //IE11  
    }else{
        return -1;//不是ie浏览器
    }
}
```