JS获取浏览器类型和版本信息

川长思鸟来 2024-02-19 18:53 93阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>

<head>  
<base>  
<meta charset="utf-8">  
<title>JS获取浏览器类型和版本信息</title>

var userAgent = window.navigator.userAgent; //包含以下属性中所有或一部分的字符串：appCodeName,appName,appVersion,language,platform

/\*alert(userAgent);\*/

//FireFox  
if (userAgent.indexOf('Firefox') != -1) \{  
isFireFox = true;  
/\*broName = 'FireFox浏览器';\*/  
strStart = userAgent.indexOf('Firefox');  
temp = userAgent.substring(strStart);  
broName = temp.replace('/', '版本号')

//Edge  
if (userAgent.indexOf('Edge') != -1) \{  
isEdge = true;  
/\*broName = 'Edge浏览器';\*/  
strStart = userAgent.indexOf('Edge');  
temp = userAgent.substring(strStart);  
broName = temp.replace('/', '版本号');  
\}

//IE浏览器  
if (userAgent.indexOf('NET') != -1 && userAgent.indexOf("rv") != -1) \{  
isIE = true;  
/\*broName = 'IE浏览器'; \*/  
strStart = userAgent.indexOf('rv');  
strStop = userAgent.indexOf(')');  
temp = userAgent.substring(strStart, strStop);  
broName = temp.replace('rv', 'IE').replace(':', '版本号');  
\}

//360极速模式可以区分360安全浏览器和360极速浏览器  
if (userAgent.indexOf('WOW') != -1 && userAgent.indexOf("NET") < 0 && userAgent.indexOf("Firefox") < 0) \{  
if(navigator.javaEnabled())\{  
is360 = true;  
broName = '360安全浏览器-极速模式';  
\}else\{  
is360 = true;  
broName = '360极速浏览器-极速模式';  
\}  
\}

//360兼容  
if (userAgent.indexOf('WOW') != -1 && userAgent.indexOf("NET") != -1 && userAgent.indexOf("MSIE") != -1 && userAgent.indexOf("rv") < 0) \{  
is360 = true;  
broName = '360兼容模式';  
\}

//Chrome浏览器  
if (userAgent.indexOf('WOW') < 0 && userAgent.indexOf("Edge") < 0) \{  
isChrome = true;  
/\*broName = 'Chrome浏览器';\*/  
strStart = userAgent.indexOf('Chrome');  
strStop = userAgent.indexOf(' Safari');  
temp = userAgent.substring(strStart, strStop);  
broName = temp.replace('/', '版本号');

document.getElementById('broType').value = broName;

\}  
</script>  
</head>

<body οnlοad="bro();">  
<input type="text" id="broType" name="broType" style="width: 200px;">  
<h4>JavaScript获取浏览器版本信息</h4>  
</body>

</html>