检测浏览器版本类型及版本号

时间 2020-03-04

原文原文链接

第一种方式：javascript

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
	function getExplorerInfo() {
		 var explorer = window.navigator.userAgent.toLowerCase() ;
		 //ie
		 if (explorer.indexOf("msie") >= 0) {
			 var ver=explorer.match(/msie ([\d.]+)/)[1];
			 return {type:"IE",version:ver};
		 }
		 //firefox
		 else if (explorer.indexOf("firefox") >= 0) {
			 var ver=explorer.match(/firefox\/([\d.]+)/)[1];
			 return {type:"Firefox",version:ver};
		 }
		 //Chrome
		 else if(explorer.indexOf("chrome") >= 0){
			 var ver=explorer.match(/chrome\/([\d.]+)/)[1];
			 return {type:"Chrome",version:ver};
		 }
		 //Opera
		 else if(explorer.indexOf("opera") >= 0){
			 var ver=explorer.match(/opera.([\d.]+)/)[1];
			 return {type:"Opera",version:ver};
		 }
		 //Safari
		 else if(explorer.indexOf("Safari") >= 0){
			 var ver=explorer.match(/version\/([\d.]+)/)[1];
			 return {type:"Safari",version:ver};
		 }
	}
	alert("type:"+getExplorerInfo().type+"\nversion:"+getExplorerInfo().version);
</script>
</head>
<body>
检测浏览器类型及版本号
</body>
</html>

第二种方式：html

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
  /*只检测是否为 IE9 或者 IE10 */
 function getExplorerInfo(){
	var isIE9_10 = /MSIE 9/i.test(navigator.userAgent) || /MSIE 10/i.test(navigator.userAgent);
	console.log(isIE9_10); // true
	return isIE9_10;
 }
 alert(getExplorerInfo()); // true
</script>
</head>
<body>
检测IE9和IE10
</body>
</html>