DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 使用window.navigator.userAgent屬性判斷浏覽器類型及版本
使用window.navigator.userAgent屬性判斷浏覽器類型及版本
編輯:JavaScript基礎知識     

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

效果如下:
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved