zoukankan      html  css  js  c++  java
  • 判断浏览器类型

    一、判断是否为IE

      以前判断是否IE浏览器用的是window.navigator.userAgent,跟踪这个信息,发现在开发环境,识别为IE10,但访问服务器则识别为IE11,但IE11的userAgent里是没有MSIE标志的,所以原来的判断方式就判断不出IE11。

      原来的函数写法:对于新版的ie11已经不支持了

    function isIE(){
        if (window.navigator.userAgent.indexOf("MSIE")>=1) 
        return true; 
        else
        return false; 
    }

      ie10及以上不支持ie浏览器的判断了,因为ie11已经不支持document.all了,下面是支持ie11的版本的,当然ie6-8也是支持的。

    function isIE() {
        if (!!window.ActiveXObject || "ActiveXObject" in window)
        return true;
        else
        return false;
    }

     二、根据 userAgent 判断浏览器类型

    /* 
       * 描述:判断浏览器信息 
       * 编写:LittleQiang_w 
       * 日期:2016.1.5 
       * 版本:V1.1 
       */  
      
      //判断当前浏览类型  
      function BrowserType()  
      {  
          var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
          var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器  
          var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器  
          var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器  
          var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器  
          var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器  
          var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器  
      
          if (isIE)   
          {  
               var reIE = new RegExp("MSIE (\d+\.\d+);");  
               reIE.test(userAgent);  
               var fIEVersion = parseFloat(RegExp["$1"]);  
               if(fIEVersion == 7)  
               { return "IE7";}  
               else if(fIEVersion == 8)  
               { return "IE8";}  
               else if(fIEVersion == 9)  
               { return "IE9";}  
               else if(fIEVersion == 10)  
               { return "IE10";}  
               else if(fIEVersion == 11)  
               { return "IE11";}  
               else  
               { return "0"}//IE版本过低  
           }//isIE end  
             
           if (isFF) {  return "FF";}  
           if (isOpera) {  return "Opera";}  
           if (isSafari) {  return "Safari";}  
           if (isChrome) { return "Chrome";}  
           if (isEdge) { return "Edge";}  
       }//myBrowser() end  
         
       //判断是否是IE浏览器  
       function isIE()  
       {  
          var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
          var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器  
          if(isIE)  
          {  
              return "1";  
          }  
          else  
          {  
              return "-1";  
          }  
       }  
         
         
       //判断是否是IE浏览器,包括Edge浏览器  
       function IEVersion()  
       {  
          var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
          var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器  
          var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器  
          if(isIE)  
          {  
               var reIE = new RegExp("MSIE (\d+\.\d+);");  
               reIE.test(userAgent);  
               var fIEVersion = parseFloat(RegExp["$1"]);  
               if(fIEVersion == 7)  
               { return "IE7";}  
               else if(fIEVersion == 8)  
               { return "IE8";}  
               else if(fIEVersion == 9)  
               { return "IE9";}  
               else if(fIEVersion == 10)  
               { return "IE10";}  
               else if(fIEVersion == 11)  
               { return "IE11";}  
               else  
               { return "0"}//IE版本过低  
          }  
         else if(isEdge)  
          {  
            return "Edge";  
          }  
          else  
          {  
            return "-1";//非IE  
          }  
       }      

      以上代码通过测试,但存在一个问题,即IE5与IE7浏览器暂不能区分,以下是IE5与IE7下userAgent的信息;通过userAgent发现,简单的通过以上方法,无法正确区分IE5和IE7。

    三、各浏览器的 userAgent 

      1、IE

      (1)IE11

      Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; Touch; .NET4.0C; .NET4.0E; Tablet PC 2.0; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko

      (2)IE10

      Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; Touch; .NET4.0C; .NET4.0E; Tablet PC 2.0; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)

      (3)IE9

      Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; Touch; .NET4.0C; .NET4.0E; Tablet PC 2.0; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)

      (4)IE8

      Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 10.0; WOW64; Trident/7.0; Touch; .NET4.0C; .NET4.0E; Tablet PC 2.0; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)

      (5)IE7

      Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; Touch; .NET4.0C; .NET4.0E; Tablet PC 2.0; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)

      (4)IE5

      Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; Touch; .NET4.0C; .NET4.0E; Tablet PC 2.0; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729)

      2、Edge

      Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36 Edge/14.14393

      Edge 的userAgent还包含了 Chrome 和 Safari的特征。

      3、Firefox48.0

      Mozilla/5.0 (Windows NT 10.0; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0

    四、各浏览器特性

      1、IE

      只有IE支持创建ActiveX控件,因此她有一个其他浏览器没有的东西,就是ActiveXObject函数。只要判断window对象存在ActiveXObject函数,就可以明确判断出当前浏览器是IE。而IE各个版本判断userAgent。

      2、Firefox

      Firefox中的DOM元素都有一个getBoxObjectFor函数,用来获取该DOM元素的位置和大小(IE对应的中是getBoundingClientRect函数)。这是Firefox独有的,判断它即可知道是当前浏览器是Firefox。Firefox的版本用 userAgent 判断,其中,版本号是Firefox之后的数字。

      3、Opera

      Opera提供了专门的浏览器标志,就是window.opera属性。Opera典型的userAgent如下:

      Opera/9.27 (Windows NT 5.2; U; zh-cn)

      其中,版本号是靠近Opera的数字。

      4、Safari

      Safari浏览器中有一个其他浏览器没有的openDatabase函数,可做为判断Safari的标志。Safari通过userAgent如下:

      Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Version/3.1 Safari/525.13

      其版本号是Version之后的数字。

      5、Chrome

      Chrome有一个MessageEvent函数,但Firefox也有。不过,好在Chrome并没有Firefox的getBoxObjectFor函数,根据这个条件还是可以准确判断出Chrome浏览器的。目前,Chrome的userAgent是:

      Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13

      其中,版本号在Chrome只后的数字。Chrome的userAgent还包含了Safari的特征。

      可以根据各浏览器的特性来判断浏览器类型,我们把对IE的判断放在第一,因为IE的用户最多,其次是判断Firefox。按使用者多少的顺序来判断浏览器类型,可以提高判断效率,少做无用功。之所以将Chrome放在第三判断,是因为我们预测Chrome很快会成为市场占有率第三的浏览器。其中,在分析浏览器版本时,用到了正则表达式来析取其中的版本信息。

      如:ua.match(/version/([d.]+)/)。

  • 相关阅读:
    centos基于.net的第一个asp项目
    centos创建第一个 .NET app
    centos搭建.net3.1环境
    ASP.NET Core 的 Docker 映像
    centos+python2+django+nginx+uwsgi环境搭建
    centos+python2+flask+nginx+uwsgi环境搭建
    centos+python2+apache2+flask环境搭建
    小程序字体转换
    小程序播放语音之wx.createInnerAudioContext()
    小程序隐藏scroll-view滚动条的实现
  • 原文地址:https://www.cnblogs.com/xinaixia/p/5855860.html
Copyright © 2011-2022 走看看