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

最新推荐文章于 2024-09-26 18:18:48 发布

weixin_34075551

最新推荐文章于 2024-09-26 18:18:48 发布

阅读量289

点赞数

CC 4.0 BY-SA版权

文章标签： javascript c# python ViewUI

原文链接：https://my.oschina.net/u/3183495/blog/822515

本文提供了两种检测浏览器类型和版本的方法。第一种方法通过解析User Agent字符串来识别IE、Firefox、Chrome、Opera和Safari等浏览器的具体版本。第二种方法则专注于检测IE9和IE10。这两种方法均可用于网页开发中进行浏览器兼容性测试。

2019独角兽企业重金招聘Python工程师标准>>>

第一种方式：

<!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>

第二种方式：

<!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>

转载于:https://my.oschina.net/u/3183495/blog/822515