javascript检测各种浏览器型号和版本、检测是否支持flash并显示版本

最新推荐文章于 2024-02-28 16:58:03 发布
最新推荐文章于 2024-02-28 16:58:03 发布
阅读量4.8k 收藏 3
点赞数
分类专栏： JavaScript 浏览器 文章标签： 浏览器版本 flash版本 javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sanai_1992/article/details/77508651
版权

对于前端来说浏览器的型号版本，各个浏览器的兼容是一个不可忽视的问题。下面本人详细罗列了测试方法。请复制代码新建html文件复制后访问。一目了然。

最后富有罗列的一些各个不同浏览器的版本号，用于数据参考。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>关于浏览器和flash版本的问题</title>
		<style type="text/css">
			#cc,#dd{
				display: none;
			}
		</style>
	</head>
	<body>
		<h3 id="version"></h3>
		<h4>是否为IE10.0以下浏览器 或 11.0兼容模式： <span id="ie10"></span></h4>
		<h4>是否为IE11.0以上浏览器（Edge） ： <span id="ie11"></span></h4>
		<h4>是否为Fire Fox浏览器 ： <span id="firefox"></span></h4>
		<h4>是否为Chrome浏览器 ： <span id="chrome"></span></h4>
		<h4>是否为Safari浏览器 ： <span id="safari"></span></h4>
		<h4>是否为Opera浏览器 ： <span id="opera"></span></h4><br />
		<h4>是否为支持flash ： <span id="flash"></span></h4>
		<h4 id="cc">flash版本：<span id="flashversion"></span></h4><br />
		<h4 id="dd">当前IE版本：<span id="ieVersion"></span></h4>
	</body>
	<script type="text/javascript">
		var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
		document.getElementById("version").innerHTML = userAgent;
		
		var isOpera = userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR/") > -1; //判断是否Opera浏览器
		var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
		var isEdge = userAgent.indexOf("Edge") > -1 || userAgent.indexOf(") like Gecko")>-1; //判断是否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 && userAgent.indexOf("OPR/") == -1 && userAgent.indexOf("Edge") == -1; //判断Chrome浏览器
		
		//获取IE版本号
		if(isIE){
			var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
			reIE.test(userAgent);
			var fIEVersion = parseFloat(RegExp["$1"]);	//IE版本号
			document.getElementById("dd").style.display = "block";
			document.getElementById("ieVersion").innerHTML = fIEVersion;
		}
		
		document.getElementById("ie10").innerHTML = isIE;
		document.getElementById("ie11").innerHTML = isEdge;
		document.getElementById("chrome").innerHTML = isChrome;
		document.getElementById("opera").innerHTML = isOpera;
		document.getElementById("firefox").innerHTML = isFF;
		document.getElementById("safari").innerHTML = isSafari;
		
		//判断是否存在flash插件
		var myFlash = (function(){
		  if(typeof window.ActiveXObject != "undefined"){
		    return new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
		  }else{
		    return navigator.plugins['Shockwave Flash'];
		  }
		})();
		if(myFlash){
			document.getElementById("flash").innerHTML = "true";
		}else{
			document.getElementById("flash").innerHTML = "false";
		}
		
		//返回flash版本号
		(function(){ 
	        var getFlashVersion = function() { 
	        try { 
	            if(typeof window.ActiveXObject != 'undefined') {
	               return parseInt((new ActiveXObject('ShockwaveFlash.ShockwaveFlash')).GetVariable("$version").split(" ")[1].split(",")[0], 10); 
	             }else{
	              return parseInt(navigator.plugins["Shockwave Flash"].description.split(' ')[2], 10);
	             }
	          } catch(e){
	            return 0;
	          }
	        };
	        if(getFlashVersion()){
	        	document.getElementById("cc").style.display = "block"
	        	document.getElementById("flashversion").innerHTML = getFlashVersion();
	        }
//	        console.log(getFlashVersion());
	      })();
		
	</script>
</html>
 

IE 浏览器
IE:7.0
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
IE:8.0
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
IE :9.0
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
IE:10.0
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
IE:11.0
Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko

Chome浏览器
Chrome:版本 60.0.3112.78（正式版本）（64 位）
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.78 Safari/537.36
Chrome:版本 60.0.3112.101（正式版本）（64位）
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.101 Safari/537.36
Chrome：版本 58.0.3015.0 (64-bit)
Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3015.0 Safari/537.36

Fire Fox
Fire fox：54.0
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:54.0) Gecko/20100101 Firefox/54.0

Safari(IE)
Safari:5.1.7(7534.57.2)
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2

QQ浏览器
极速模式 Chrome53.版本
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.104 Safari/537.36 Core/1.53.2141.400 QQBrowser/9.5.10219.400
兼容模式
Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; Core/1.53.2141.400 QQBrowser/9.5.10219.400; rv:11.0) like Gecko
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; Core/1.53.2141.400 QQBrowser/9.5.10219.400)
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; Core/1.53.2141.400 QQBrowser/9.5.10219.400)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; Core/1.53.2141.400 QQBrowser/9.5.10219.400)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; Core/1.53.2141.400 QQBrowser/9.5.10219.400)
360浏览器
极速模式 Chrome45.版本
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.101 Safari/537.36
兼容模式
Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11.0) like Gecko
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0)
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)（此版本为IE7和IE11兼容视图模式）
Opera浏览器
Opera：47.0.2631.55 (PGO) - Opera
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.78 Safari/537.36 OPR/47.0.2631.55

EDGE（win 10）
Edge：
Mozilla/5.0 (Window NT 10.0; Win64;x64)AppleWebKit/537.36(KHTML,like Gecko) Chrome/51.0.2704.79 Safari/537.36 Edge/14.14393
 

 

 


 
 

 


                

        

        

    




    

      

        

            

              
                
                  蕭朙偉
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    3
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
javascript检测浏览器flash版本的实现代码

				
			

			

				

					12-09
				

			

		

		

			
				
 try{ has=new ActiveXObject(‘ShockwaveFlash.ShockwaveFlash’); if(has) { ver = +(has.GetVariable(“$version”).match(/\d+/)); } } catch(e){ has=navigator.plugins[“Shockwave Flash”]; if(has) { ver =...

			
		

	



                

              
                



	

		

			

				
					
JS判断不同的浏览器和版本，提示浏览器版本过低，兼容IE8到IE11

				
			

			

				

					qq1014156094的博客
				

				

					04-16
					
					2397
					
				

			

		

		

			
				
产品需求
页面顶部提示用户下载并使用 360 极速浏览器的极速模式，该提示可以手动关闭，兼容 IE8-IE11。
需求由来
项目网站不支持 IE11 及以下，有的人用低版本的浏览器打开页面显示错乱功能无法正常使用。
实现效果
如果不是谷歌内核的浏览器则出现下载提示，如果是谷歌内核的浏览器但内核版本低于 86 的则出现下载提示，最终效果如下图：

不是谷歌内核的浏览器出现的提示



是谷歌内核的浏览器但内核版本低于 86 出现的提示


源码

复制粘贴到 HTML 中即可生效

<script ty

			
		

	



                


  
              

                


	

		

			

				
					
判断浏览器版本并进行响应

				
			

			

				

					justforuse的博客
				

				

					12-31
					
					444
					
				

			

		

		

			
				
有时候我们要判断用户的浏览器是否符合我们页面的运行标准，比如IE的版本太低，就无法正常运行界面，这个时候我们就要提醒用户更换浏览器或者下载别的浏览器。常见的判断语句
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!

			
		

	





	

		

			

				
					
浏览器无flash插件问题

					
最新发布

				
			

			

				

					weixin_38896449的博客
				

				

					02-28
					
					428
					
				

			

		

		

			
				
4、Mac系统10.12版或更高，低于10.12版本的Mac系统不支持下载安装。3、Safari 14版本以下的Safari浏览器。1、chromium内核88版本以下的浏览器。2、Firefox 85版本以下的火狐浏览器。Firefox 85版本以下下载地址。一、浏览器无flash插件。

			
		

	



		

			
		



	

		

			

				
					
关于自动化测试工具对Flash的支持

				
			

			

				

					
				

				

					09-08
					
					2742
					
				

			

		

		

			
				
自从上个月转行到游戏公司来做测试，真是很辛苦。尤其是重复性的劳动，虽然没有太大的意义，但是又是工作必须，累得手疼。
这两天想采用一些自动化的测试工具来解放下自己的双手，分别研究了键盘精灵和QTP，发现都不太如意。
键盘精灵虽然可以进行一些录制回放的工作，并且支持键盘的连续点击

			
		

	





	

		

			

				
					
如何用js检测浏览器类型

				
			

			

				

					关注我！带你一路 "狂飙" 到底！
				

				

					08-13
					
					1076
					
				

			

		

		

			
				
是一个免费的Web浏览器调试工具 ），IETester的坑非常多，根本不准，真实IE6还是会出bug（哭），后面学乖了，安装虚拟机，虚拟机里面装XP，XP自带了IE6，做好还用真的浏览器测试一下。这个需求在前端开发当中是很常见的，大家都知道我们写的js或css在浏览器中是有兼容问题的，当下虽然大家可能不用感受的IE6带来的痛苦（别问我为什么是痛苦），但是你负责的项目本身就是政府、医院之类的项目，这个时候还是得受兼容问题的困扰。这就需要你下载各种浏览器，IE浏览器就用IETester测试（

			
		

	





	

		

			

				
					
浏览器的类型和版本

				
			

			

				

					wangzhen_csdn的博客
				

				

					02-03
					
					1650
					
				

			

		

		

			
				
JS获取浏览器类型与版本
  
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    var s;
    (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
    (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.f

			
		

	





	

		

			

				
					
javascript 检测浏览器类型和版本的代码

				
			

			

				

					12-12
				

			

		

		

			
				
检测浏览器及其版本的代码 代码如下: getBrowser : function(){ var browser = { msie: false, firefox: false, opera: false, safari: false, chrome: false, netscape: false, appname: ‘unknown’, version: 0 }...

			
		

	





	

		

			

				
					
javascript 浏览器类型和版本号检测代码(兼容多浏览器)

				
			

			

				

					10-29
				

			

		

		

			
				
果对javascript了解不是特别深入的话,很容易就会写出不兼容的代码(就像我),这时候就得判断浏览器了。比如事件侦听、一些鼠标和键盘事件、Range等,一些都会不一样.下面列出几种常用的检测浏览器方法，以飨观众!

			
		

	





	

		

			

				
					
js判断浏览器是否支持flash的方法

				
			

			

				

					weixin_30642305的博客
				

				

					05-18
					
					154
					
				

			

		

		

			
				
传统浏览器可以使用window.ActiveXObject检查浏览器是否启用相关的控件。检查浏览器是否启用flash控件，需要先检查浏览器是否支持ActiveXObject，可以使用typeof检查window.ActiveXObject是否等于undefined，语法：

typeof window.ActiveXObject != "undefined"

如果，window...

			
		

	





	

		

			

				
					
 js判断当前使用的什么浏览器

				
			

			

				

					qq_34829813的博客
				

				

					07-13
					
					1793
					
				

			

		

		

			
				
因为针对不同的浏览器我们可能需要做不同的操作，才能满足不同客户的需要和体验，所以有时候需要 js判断当前用户使用的什么浏览器。


myBrowser:function () {
	//取得浏览器的userAgent字符串
	var userAgent = navigator.userAgent;
	var isOpera = userAgent.indexOf("Opera") > -1;
	//判断是否Opera浏览器
	if (isOpera) {
	   alert("Opera浏览器");


			
		

	





	

		

			

				
					
检测是浏览器还是手机，需求为是否支持FLASH，此文为检测是否支持FLASH的代码(含demo下载)

				
			

			

				

					04-16
				

			

		

		

			
				
NULL
博文链接：https://duchengjiu.iteye.com/blog/1783785

			
		

	





	

		

			

				
					
两个方法检测用户浏览器是否安装flash插件

				
			

			

				

					06-12
				

			

		

		

			
				
效果描述：
	附件提供了两个JavaScript 方法，只要复制到你的网页中，直接运行就可以检测客户端是否安装了flash插件
	各自反馈结果请看预览详细页
	
	使用方法：
	1、将其中一个方法复制到你的网页中
	2、直接调用运行即可

			
		

	





	

		

			

				
					
检测当前浏览器支持的javascript版本

				
			

			

				

					08-20
				

			

		

		

			
				
检测当前浏览器支持的javascript版本

			
		

	





	

		

			

				
					
javascript 浏览器检测代码精简版

				
			

			

				

					10-29
				

			

		

		

			
				
javascript检测浏览器精简版，需要的朋友可以参考下。

			
		

	





	

		

			

				
					
js检测浏览器版本 javascript检测浏览器

				
			

			

				

					06-07
				

			

		

		

			
				
可以检测 目前主流的浏览器及版本，包括 
           *Microsoft Internet Explorer IE浏览器 
	 * 		-->	TheWorld 世界之窗
	 * 		--> TT浏览器
	 * 		--> 360浏览器
	 * Mathon 傲游浏览器
	 * Opera  Opera浏览器
	 * Firefox 火狐浏览器
	 * Chrome Chrome浏览器

因为360的流氓性质，现在已经在 navigator.userAgent 检测不到360浏览器的特征。只能使用其他办法。这里是我自己找的一种办法 。

    缺点是对移动端浏览器设备没统计和测试过，有什么问题和建议可以在留言中补充，我会对它进行完善。
    
    尊重劳动成果，1个资源分即可以！

			
		

	





	

		

			

				
					
JS Uncaught TypeError: xxx is not a constructor 问题解析

					
热门推荐

				
			

			

				

					肖明伟 的博客
				

				

					07-28
					
					4万+
					
				

			

		

		

			
				
无意中出现的报错，错误原因是申请了重复的变量作为同一个方法名。

例如：

function xxx(){
  xxxxxx
}

var xxx = new xxx();

此时如果通过一些特定方式重复加载页面，比如我们用到的ajax请求页面后直接加载到已有dom中的方式，这时第一次加载没有任何问题，但是第二次加载就会出现如题报错。此时：

修改var xxx = new xxx(); 为 var xxxx = new xxx(); 即可解决此问题。

本人没有更深入的研究，应该是后面定义的xxx覆盖..

			
		

	





	

		

			

				
					
layuiAdmin 框架单页面文档

				
			

			

				

					肖明伟 的博客
				

				

					08-29
					
					3万+
					
				

			

		

		

			
				
快速入门

部署

解压文件后，将 layuiAdmin 完整放置在任意目录
通过本地 web 服务器去访问 ./start/index.html 即可运行 Demo
由于 layuiAdmin 可采用前后端分离开发模式，因此你无需将其放置在你的服务端 MVC 框架中，你只需要给 layuiAdmin 主入口页面（我们也称之为：宿主页面）进行访问解析，它即可全权完成自身路由的跳转和视图的呈现，而数...

			
		

	





	

		

			

				
					
关于地址栏传中文参数乱码的解决办法

				
			

			

				

					肖明伟 的博客
				

				

					08-17
					
					3万+
					
				

			

		

		

			
				
在中文参数加入到地址栏之前进行转码。在中文加入到地址栏前，进行两次encodeURI转码，在之后的页面中只需进行一次decodeURI转码就可以了。

			
		

	





	

		

			

				
					
检测浏览器版本并跳转到指定网页的代码

				
			

			

				

					05-20
				

			

		

		

			
				
以下是检测浏览器版本并跳转到指定网页的 JavaScript 代码：  ```javascript // 检测浏览器版本 var isIE = !!window.ActiveXObject || "ActiveXObject" in window; var isEdge = navigator.userAgent.indexOf("Edge...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值