JS完美识别IE, firefox, chrome, safari浏览器

时间:2020-12-16 14:44:57
(转)判断是否为IE浏览器很简单,用navigator.appName来判断就行了。而Firefox, Chrome, Safari的navigator.appName输出值都是"Netscape",现在我们用navigator.userAgent这个属性来判断,因为谷歌浏览器Chrome的navigator.userAgent值包含“Safari”字符串而Safari浏览器并不包含Chrome,因此我们可以用这个区别来区分safari和chrome。 
 
完整代码如下: 
 
<!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=utf-8" />
<title>JS完美识别IE, firefox, chrome, safari浏览器</title>
<script>
function BrowserType()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
OsObject = "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
OsObject = "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0&&navigator.userAgent.indexOf("Chrome")<0) {
OsObject = "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Chrome")>0){
OsObject = "Chrome";
}
return OsObject;
}
function Msg()
{
document.getElementById("msg").innerHTML = "<h1>您现在使用的浏览器为"+BrowserType()+"浏览器</h1>";
}
</script>
</head>
 
<body onload="Msg()">
<span id="msg"></span>
</body>
</html>