window.navigator.userAgent屬性包含了浏覽器類型、版本、操作系統類型、浏覽器引擎類型等信息,通過這個屬性來判斷浏覽器類型,下面是我寫的一個函數,這個函數返回一個包含浏覽器名稱和版本的數組。
此函數可區分ie5.5~ie11、Chrome、Opera、Safair、Firefox這5種常見浏覽器。
function hovertreebrowser() {
var ua = window.navigator.userAgent,
ret = "";
if (/Firefox/g.test(ua)) {
ua = ua.split(" ");
ret = "Firefox|" + ua[ua.length - 1].split("/")[1];
} else if (/MSIE/g.test(ua)) {
ua = ua.split(";");
ret = "IE|" + ua[1].split(" ")[2];
}
else if (!!window.ActiveXObject || "ActiveXObject" in window) {
if (/rv:11.0/g.test(ua))
ret = "IE|11";
else if (/rv:10.0/g.test(ua))
ret = "IE|10";
else if (/rv:9.0/g.test(ua))
ret = "IE|9";
else {
ret = "HoverTree:IE|未知版本";
}
}
else if (/Opera/g.test(ua)) {
ua = ua.split(" ");
ret = "Opera|" + ua[ua.length - 1].split("/")[1];
} else if (/Chrome/g.test(ua)) {
ua = ua.split(" ");
ret = "Chrome|" + ua[ua.length - 2].split("/")[1];
} else if (/^apple\s+/i.test(navigator.vendor)) {
ua = ua.split(" ");
ret = "Safair|" + ua[ua.length - 2].split("/")[1];
} else {
ret = "HoverTree:未知浏覽器";
}
return ret.split("|");
}
//調用函數,返回一個數組,r[0]是浏覽器名稱,r[1]是版本號
var keleyibr=hovertreebrowser();
document.write(keleyibr);
效果如下: