您的位置:首页 - 教程 - JavaScript - 正文
使用window.navigator.userAgent属性判断浏览器类型及版本

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);

效果如下:

评论: