JavaScript判断浏览器类型：IE、Firefox与Opera识别示例

浏览器类型判断背景与原理

当前互联网环境中存在多种浏览器，用户偏好各异，导致开发者在实际开发中常需进行浏览器类型判断，以确保特定功能在不同环境下正常运行。若忽略此类判断，可能引发兼容性问题。尽管用户使用的浏览器名称众多（如IE、Firefox、Opera、腾讯TT、Maxthon等），但其底层内核相对固定。例如，IE、Maxthon和TT均基于IE内核，而NetScape则拥有独立内核。因此，通过识别内核或特征字符串即可实现基本区分。

针对开发过程中遇到的兼容性问题，通过查阅资料并结合实践经验，整理出以下JavaScript代码用于浏览器类型判断。

基础浏览器识别代码示例

具体实现代码如下：

<script language="JavaScript" type="text/javascript">
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){alert('你是使用IE')}else
if (navigator.userAgent.indexOf('Firefox') >= 0){alert('你是使用Firefox')}else
if (navigator.userAgent.indexOf('Opera') >= 0){alert('你是使用Opera')}else
{alert('你是使用其他的浏览器浏览网页！')}
</script>

或者采用以下代码实现：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS检查是什么浏览器</title>
<script language="JavaScript" type="text/javascript">
function checkFirefoxOrIE(){
userAgent=window.navigator.userAgent.toLowerCase();
if(userAgent.indexOf("firefox")>=1){
Findex=userAgent.indexOf("firefox/");
versionName=userAgent.substr(Findex+"Firefox/".length,3);
document.write("你用的是火狐浏览器！版本是：Firefox/"+versionName+"<br>");
}
}else {
var name=navigator.appName;
if(name=="Microsoft Internet Explorer"){document.write("你用的是IE浏览器！");}
    }
}
</script>
</head>
<body onload="checkFirefoxOrIE();">
</body>
</html>