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

    浏览器类型判断。最可恶当属于360浏览器,以前可以通过内核返回的字符串判定是否包含"360"字样的方法来判定,

    如以下代码

         window.navigator.userAgent.indexOf('360')!=-1

    但360浏览器某次更新后,内核显示的字符串已经和IE浏览器是一样的了,导致无法判断是IE还是360。后来看了下window.navigator的成员集合,发现了一些区别,下面给出判断代码。

    复制代码
    <%@ page language="java" import="java.util.*" pageEncoding="GBK"%>  
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
      
    <html>  
      <head>  
        <base >  
          
        <title></title>  
        
        <script>  
            function bro(){  
                var is360 = false;  
                var isIE = false;  
                if (window.navigator.appName.indexOf("Microsoft") != -1){  
                    isIE= true;  
                }  
                if(isIE&&(window.navigator.userProfile+'')=='null'){  
                    is360 = true;  
                }  
                if(is360){  
                    document.body.innerText = '360浏览器';  
                }else if(isIE){  
                    document.body.innerText = 'IE浏览器';  
                }  
            }  
        </script>  
      </head>  
        
      <body onload="bro();">  
         
      </body>  
    </html>  
    复制代码

    注意:加红字体一定不要忘记,要不然会不成功。

    后来发现上面的代码不能用了,原因在于现在360浏览器6.3版本,是跟Chrome浏览器内核一样了,不是和之前的IE内核,给了以下代码。

    复制代码
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">     
        
    <html>    
      <head>    
        <base >    
            
        <title></title>    
          
        <script>    
            function bro(){    
                var is360 = false;    
                var isIE = false;    
                var isFirefox = false;  
                var isCrome = false;  
                var broName = '';  
                if(window.navigator.userAgent.indexOf('MSIE')!=-1&&window.navigator.appName.indexOf("Microsoft") != -1){  
                    isIE = true;  
                    broName = 'IE';  
                }  
                if(window.navigator.userAgent.indexOf('Firefox')!=-1){  
                    isFirefox = true;  
                    broName = 'Firefox';  
                }  
                if(window.navigator.userAgent.indexOf('Chrome')!=-1){  
                    if(window.navigator.webkitPersistentStorage){  
                        isCrome = true;  
                        broName = 'Chrome';  
                    }else{  
                        is360 = true;  
                        broName = '360';  
                    }  
                }  
      
                document.getElementById('broType').value=broName;  
      
            }    
        </script>    
      </head>    
          
      <body onload="bro();">    
         <input type="text" id="broType" name="broType">  
      </body>    
    </html> 
    复制代码

    现在发现上面的又不能用了,因为现在360的版本又变了,内核的方式采取了IE和谷歌,网上大多数都是采用navigator.userAgent来判断,下面对浏览器做了一些比较。

    谷歌:      Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36

    360极速:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36

    360安全:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36

    但是,在有360网站下输出navigator.userAgent,能判断出360极速和360安全浏览器:

    360极速:"Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36 QIHU 360EE"

     

    360安全:"Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36 QIHU 360SE"

    偶然间发现一个可以判断是360浏览器的mimeType(媒体类型),type: "application/vnd.chromium.remoting-viewer"

    在360极速浏览器>帮助>关于360浏览器,弹出如下:经过测试,只有在360浏览器中才会有输出chromium这个标识,但是也不能100%确定检测出的一定是360浏览器。

    附上代码:

    按 Ctrl+C 复制代码
    按 Ctrl+C 复制代码

    但是无法区分360安全浏览器和360极速浏览器。

    出处:http://www.cnblogs.com/chiangchou/

  • 相关阅读:
    对于软件工程这门课程的一些心得
    第一次冲刺(10)
    第一次冲刺(7~9)
    第一次冲刺(6)
    第一次冲刺(5)
    第一次冲刺(4)
    第一次冲刺(3)
    第一次冲刺(2)
    Arrays.asList 为什么不能 add 或者 remove 而 ArrayList 可以
    Javascript保证精度的小数乘法
  • 原文地址:https://www.cnblogs.com/yaomengli/p/7644157.html
Copyright © 2011-2022 走看看