navigator.userAgent.indexOf来判断浏览器类型

最新推荐文章于 2019-07-01 13:54:28 发布
最新推荐文章于 2019-07-01 13:54:28 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： JavaScript html

navigator.userAgent.indexOf来判断浏览器类型


<script language="JavaScript">
function getOs()
{
    var OsObject = "";
   if(navigator.userAgent.indexOf("MSIE")>0) {
        return "MSIE";
   }
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
        return "Firefox";
   }
   if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
        return "Safari";
   } 
   if(isCamino=navigator.userAgent.indexOf("Camino")>0){
        return "Camino";
   }
   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
        return "Gecko";
   }
  
}
 alert("您的浏览器类型为:"+getOs());

</script>

if (window.XMLHttpRequest) { // Mozilla, Safari, ...
    http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
现在的浏览器可真是越来越多，但兼容性不太好，这个脚本可根据浏览器 来自动进行导航 ，在特定场合是非常有用的，下面看一段代码 
<SCRIPT language="JavaScript">
<!--
function browserSniffer(netscape4URL,explorer4URL,webtvURL,
aolURL,operaURL,version3URL,w3cURL) {
var agt=navigator.userAgent.toLowerCase();
var agt=navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);
var is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
&& (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
&& (agt.indexOf('webtv')==-1));
var is_nav2 = (is_nav && (is_major == 2));
var is_nav3 = (is_nav && (is_major == 3));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav4up = (is_nav && (is_major >= 4));
var is_navonly = (is_nav && ((agt.indexOf(";nav") != -1) ||
(agt.indexOf("; nav") != -1)) );
var is_nav5 = (is_nav && (is_major == 5));
var is_nav5up = (is_nav && (is_major >= 5));
var is_ie = (agt.indexOf("msie") != -1);
var is_ie3 = (is_ie && (is_major < 4));
var is_ie4 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1) );
var is_ie4up = (is_ie && (is_major >= 4));
var is_ie5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
var is_ie5up = (is_ie && !is_ie3 && !is_ie4);
var is_aol = (agt.indexOf("aol") != -1);
var is_aol3 = (is_aol && is_ie3);
var is_aol4 = (is_aol && is_ie4);
var is_opera = (agt.indexOf("opera") != -1);
var is_webtv = (agt.indexOf("webtv") != -1);

if (is_nav4up) {
location.href = netscape4URL; // netscape 4+ but not NS5
}else if (is_ie4up) { //IE4 & IE5 but returns IE4
location.href = explorer4URL;
}else if (is_webtv) { // Web TV
location.href = webtvURL;
}else if (is_aol || is_aol3 || is_aol4) { //AOL
location.href = aolURL;
}else if (is_opera) { // Opera
location.href = operaURL;
}else if (is_ie3||is_nav3) { // 3.0 version browsers
location.href = version3URL;
}else if (is_nav5up) { // Netscape 5
location.href = w3cURL;
}
}
//-->
</SCRIPT>
<BODY onLoad="browserSniffer('nn4.html','IE4.html','webtv.html',
'aol.html','opera.html','NNandIE3.html','nn6.html')">


JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。

我们先来分析一下各种浏览器的特征及其userAgent。

IE

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

        Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)
        Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)
        Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
        Mozilla/4.0 (compatible; MSIE 5.0; Windows NT)

      其中，版本号是MSIE之后的数字。

Firefox

       Firefox中的DOM元素都有一个getBoxObjectFor函数，用来获取该DOM元素的位置和大小（IE对应的中是getBoundingClientRect函数）。这是Firefox独有的，判断它即可知道是当前浏览器是Firefox。Firefox几个版本的userAgent大致如下：    

        Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1
        Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3
        Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12
           其中，版本号是Firefox之后的数字。


Opera

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

        Opera/9.27 (Windows NT 5.2; U; zh-cn)
        Opera/8.0 (Macintosh; PPC Mac OS X; U; en)
        Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0

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


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
        Mozilla/5.0 (iPhone; U; CPU like Mac OS X) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3

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

    

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的特征，也许这就是Chrome可以运行所有Apple浏览器应用的基础吧。

      只要了解了以上信息，我们就可以根基这些特征来判断浏览器类型及其版本了。我们会将判断的结果保存在Sys名字空间中，成为前端框架的基本标志信息，供今后的程序来读取。如果判断出谋种浏览器，Sys名字空间将有一个该浏览器名称的属性，其值为该浏览器的版本号。例如，如果判断出IE 7.0，则Sys.ie的值为7.0；如果判断出Firefox 3.0，则Sys.firefox的值为3.0。下面是判断浏览器的代码：

<pre name="code" class="javascript"><script type="text/javascript">
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        if (window.ActiveXObject)
            Sys.ie = ua.match(/msie ([d.]+)/)[1]
        else if (document.getBoxObjectFor)
            Sys.firefox = ua.match(/firefox/([d.]+)/)[1]
        else if (window.MessageEvent && !document.getBoxObjectFor)
            Sys.chrome = ua.match(/chrome/([d.]+)/)[1]
        else if (window.opera)
            Sys.opera = ua.match(/opera.([d.]+)/)[1]
        else if (window.openDatabase)
            Sys.safari = ua.match(/version/([d.]+)/)[1];
       
        //以下进行测试
        if(Sys.ie) document.write('IE: '+Sys.ie);
        if(Sys.firefox) document.write('Firefox: '+Sys.firefox);
        if(Sys.chrome) document.write('Chrome: '+Sys.chrome);
        if(Sys.opera) document.write('Opera: '+Sys.opera);
        if(Sys.safari) document.write('Safari: '+Sys.safari);
    </script>
 
      我们把对IE的判断放在第一，因为IE的用户最多，其次是判断Firefox。按使用者多少的顺序来判断浏览器类型，可以提高判断效率，少做无用功。之所以将Chrome放在第三判断，是因为我们预测Chrome很快会成为市场占有率第三的浏览器。其中，在分析浏览器版本时，用到了正则表达式来析取其中的版本信息。
      如果你的JavaScript玩得很高，你还可以将前面的判断代码写成这样：
 
    <script type="text/javascript">
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        window.ActiveXObject ? Sys.ie = ua.match(/msie ([d.]+)/)[1] :
        document.getBoxObjectFor ? Sys.firefox = ua.match(/firefox/([d.]+)/)[1] :
        window.MessageEvent && !document.getBoxObjectFor ? Sys.chrome = ua.match(/chrome/([d.]+)/)[1] :
        window.opera ? Sys.opera = ua.match(/opera.([d.]+)/)[1] :
        window.openDatabase ? Sys.safari = ua.match(/version/([d.]+)/)[1] : 0;
       
        //以下进行测试
        if(Sys.ie) document.write('IE: '+Sys.ie);
        if(Sys.firefox) document.write('Firefox: '+Sys.firefox);
        if(Sys.chrome) document.write('Chrome: '+Sys.chrome);
        if(Sys.opera) document.write('Opera: '+Sys.opera);
        if(Sys.safari) document.write('Safari: '+Sys.safari);
    </script>

 

 

       这样可以使JavaScript代码更精简些。当然，可读性稍差一些，就看你是重视效率还是重视可维护性了。
 

 
       使用不同特征来判断浏览器的方法，虽然在速度上比用正则表达式分析userAgent要来的快，不过这些特征可能会随浏览器版本而变化。比如，一种浏览器本来独有的特性取得了市场上的成功，其他浏览器也就可能跟着加入该特性，从而使该浏览器的独有特征消失，导致我们的判断失败。因此，相对比较保险的做法是通过解析userAgent中的特征来判断浏览器类型。何况，反正判断版本信息也需要解析浏览器的userAgent的。
 

 
       通过分析各类浏览器的userAgent信息，不难得出分辨各类浏览器及其版本的正则表达式。而且，对浏览器类型的判断和版本的判断完全可以合为一体地进行。于是，我们可以写出下面的代码：
 

 
 

 <script type="text/javascript">
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        var s;
        (s = ua.match(/msie ([d.]+)/)) ? Sys.ie = s[1] :
        (s = ua.match(/firefox/([d.]+)/)) ? Sys.firefox = s[1] :
        (s = ua.match(/chrome/([d.]+)/)) ? Sys.chrome = s[1] :
        (s = ua.match(/opera.([d.]+)/)) ? Sys.opera = s[1] :
        (s = ua.match(/version/([d.]+).*safari/)) ? Sys.safari = s[1] : 0;
        //以下进行测试
        if (Sys.ie) document.write('IE: ' + Sys.ie);
        if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
        if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
        if (Sys.opera) document.write('Opera: ' + Sys.opera);
        if (Sys.safari) document.write('Safari: ' + Sys.safari);
    </script>
 

 

 

       其中，采用了“... ? ... : ...”这样的判断表达式来精简代码。判断条件是一条赋值语句，既完成正则表达式的匹配及结果复制，又直接作为条件判断。而随后的版本信息只需从前面的匹配结果中提取即可，这是非常高效的代码。
 

        以上的代码都是为了打造前端框架所做的预研，并在五大浏览器上测试通过。今后，判断某种浏览器只需用if(Sys.ie)或if(Sys.firefox)等形式，而判断浏览器版本只需用if(Sys.ie == '8.0')或if(Sys.firefox == '3.0')等形式，表达起来还是非常优雅的。
 

 

 


 
 


 
 

转自：http://blog.sina.com.cn/s/blog_9e91ffeb01018dfj.html

                

        

        

    

  


    

      

        

            

              
                
                  ssisse
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
使用navigator.userAgent获取登录客户端的一些信息

				
			

			

				

					qq_30472559的博客
				

				

					03-26
					
					3869
					
				

			

		

		

			
				
获取浏览器和访问平台var get_user_information=function(){
    //获取主流的设备信息
    var browser_infor = navigator.userAgent;
    var browser_version = 'Failed to identify the browser';
    var browser_name='Failed to ...

			
		

	



                

            
              



	

		

			

				
					
通过navigator.userAgent判断各个不同浏览器

				
			

			

				

					
				

				

					07-17
					
					1440
					
				

			

		

		

			
				
var browser = {
    version : function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        return {
           //IE内核
     ...

			
		

	



              


  
              

                


	

		

			

				
					
JavaScript判断浏览器类型及版本

				
			

			

				

					LHHfp2013的博客
				

				

					09-07
					
					998
					
				

			

		

		

			
				
你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。
 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。
 在网站前端开发...

			
		

	





	

		

			

				
					
javascript通过navigator.userAgent识别各种浏览器

				
			

			

				

					TivonaLH的博客
				

				

					02-17
					
					9211
					
				

			

		

		

			
				
navigator是Brower对象(浏览器对象)，查看navigator的属性和方法
 怎样用navigator来识别浏览器呢？
 根据navigator.userAgent返回值识别

function validBrowser(){ 
var u_agent = navigator.userAgent; 
var browser_name='Failed to identify th

			
		

	



		

			
		



	

		

			

				
					
JS中判断浏览器类型

				
			

			

				

					cerq214的博客
				

				

					12-02
					
					176
					
				

			

		

		

			
				
Javascript 中有时候需要根据浏览器的类型做不同的操作 
比如XML DOM中的nextSibling在IE和非IE中的取得值就不同 
因此需要先判断browser的类型 然后写不同代码 
言归正传：
使用 Navigator这个JS对象 获取浏览器的信息
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.u

			
		

	





	

		

			

				
					
navigator.userAgent.indexOf

					
最新发布

				
			

			

				

					10-14
				

			

		

		

			
				
navigator.userAgent.indexOf是一个JavaScript方法，用于返回当前浏览器的user-agent字符串中是否包含指定的文本。如果包含，则返回该文本在user-agent字符串中的起始位置，否则返回-1。  例如，如果我们想检查当前...

			
		

	





	

		

			

				
					
js 不同浏览器的类型判断 navigator.userAgent

				
			

			

				

					06-02
				

			

		

		

			
				
在 JavaScript 中，我们可以使用 `navigator.userAgent` 属性来获取浏览器的用户代理字符串，然后根据不同的浏览器类型进行判断和处理。例如，以下是判断是否为 Chrome 浏览器的示例代码：  ```javascript if ...

			
		

	





	

		

			

				
					
navigator.useragent获取什么

				
			

			

				

					05-23
				

			

		

		

			
				
`navigator.userAgent` 是一个包含了浏览器类型、版本、操作系统和设备信息等的字符串。它是一个只读属性，可以通过 JavaScript 访问，常用于判断浏览器类型和版本，以便进行特定的兼容性处理。例如：  ```...

			
		

	





	

		

			

				
					
通过userAgent是否包含MicroMessenger来判断是否在微信内置浏览器打开网页

					
热门推荐

				
			

			

				

					ruanhongbiao的专栏
				

				

					07-01
					
					3万+
					
				

			

		

		

			
				
由于微信的种种封闭,导致在微信内置浏览器打开的页面,会把外部链接全部屏蔽掉.

所以通用的做法是,判断是微信浏览器打开的时候做一种处理方式.

非微信浏览器打开时做另外一种处理方式.

类似你想在微信打开页面里点击下载按钮,一定是不成功的.我们会友好的跳出一张引导图.



那么要做出这样的逻辑判断,我们就需要获取当前页面所在的环境是不是微信内置浏览器,如何判断?


function isWei...

			
		

	





	

		

			

				
					
JS-使用navigator.userAgent.toLowerCase() 根据浏览器环境执行不同操作（如页面跳转）

				
			

			

				

					weixin_41395648的博客
				

				

					11-21
					
					2115
					
				

			

		

		

			
				

// 若为微信浏览器，则跳转到指定链接
    $(document).ready(function(){
        var ua = navigator.userAgent.toLowerCase();
            var isWeixin = ua.indexOf('micromessenger') != -1;
            var isAndroid = ua...

			
		

	





	

		

			

				
					
通过navigator.userAgent解析当前是否qq微信移动设备中打开

				
			

			

				

					凉风有信
				

				

					11-25
					
					3134
					
				

			

		

		

			
				
话不多说，直接上代码


var ua = navigator.userAgent.toLocaleLowerCase();
//是否移动设备
var isMobile = /mobile/i.test(ua);
var isAndroid = /android/i.test(ua);
//是否 iOS 设备
var isiOS = !!ua.match(/\(i[^;]+;( u;)? cpu....

			
		

	





	

		

			

				
					
html5页面中打开本地app，如果没有跳转下载页面的解决方案

				
			

			

				

					github_39237934的博客
				

				

					07-18
					
					2万+
					
				

			

		

		

			
				
需求效果

在推广网页上用户点击产品的详细信息时，判断出这个用户手机上是否安装自己的app如果安装了直接自动打开手机内的app应用，若没有则跳转app的下载页



技术实现

直接用window.location.href的方法解决，这个方法的前提条件是需要知道自己app对应的打开协议，如贴吧APP，协议为：com.baidu.tieba://（下边以贴吧为例）




a href="java

			
		

	





	

		

			

				
					
使用navigator.userAgent.toLowerCase()判断移动端类型

				
			

			

				

					16个夏天。。。
				

				

					11-17
					
					1万+
					
				

			

		

		

			
				
在跨平台，各种浏览器，移动设备兼容的时候，经常要根据设备、浏览器做特定调整，所以判断设备和浏览器的工作，经常会用到，这里做一下总结
判断设备，区分android，iphone，ipad和其它var ua   = navigator.userAgent.toLowerCase(); 
if(ua.match(/android/i)) == "android")
{
    alert("an

			
		

	





	

		

			

				
					
window.navigator.userAgent用来区分设备和浏览器

				
			

			

				

					liangyihe的博客
				

				

					11-07
					
					1万+
					
				

			

		

		

			
				
window.navigator.userAgent.toLowerCase()

			
		

	





	

		

			

				
					
js 如何判断是否safari浏览器

				
			

			

				

					xmy_wh的博客
				

				

					07-16
					
					1万+
					
				

			

		

		

			
				
var userAgent = navigator.userAgent;
if (userAgent.indexOf("Safari") &gt; -1) {
        return "Safari";
    } //判断是否Safari浏览器这种写法是不正确的因为Chrome浏览器的userAgent也有Safari字段.正确的判断方法：/Safari/.test(navigator.u...

			
		

	





	

		

			

				
					
判断当前浏览器的版本

				
			

			

				

					迟到的程序猿
				

				

					10-08
					
					901
					
				

			

		

		

			
				
判断当前浏览器的版本



function isIE(){   
return navigator.appName.indexOf("Microsoft Internet Explorer")!=-1 && document.all;   
}   
function isIE6() {   
return navigator.userAgent.split(";")[1].to

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值