Navigator 對象包含有關(guān)瀏覽器的信息：

•appCodeName -- 瀏覽器代碼名的字符串表示

•appName -- 官方瀏覽器名的字符串表示

•appVersion -- 瀏覽器版本信息的字符串表示

•cookieEnabled -- 如果啟用cookie返回true，否則返回false

•javaEnabled -- 如果啟用java返回true，否則返回false

•platform -- 瀏覽器所在計算機平臺的字符串表示

•plugins -- 安裝在瀏覽器中的插件數(shù)組

•taintEnabled -- 如果啟用了數(shù)據(jù)污點返回true，否則返回false

•userAgent -- 用戶代理頭的字符串表示

navigator中最重要的是userAgent屬性，返回包含瀏覽器版本等信息的字符串；

cookieEnabled也很重要，使用它可以判斷用戶瀏覽器是否開啟cookie。

javaScript判斷瀏覽器類型一般有兩種辦法，一種是根據(jù)各種瀏覽器獨有的屬性來分辨，另一種是通過分析瀏覽器的userAgent屬性來判斷（版本只能通過分析userAgent獲得）；

只有在瀏覽器類型 和 瀏覽器版本都判斷出后，才能處理兼容性問題。

1、通過userAgent中的特征來判斷瀏覽器類型及版本（常用、保險做法）

function getBrowserInfo() {
　　var Sys = {};
　　var ua = navigator.userAgent.toLowerCase();
　　var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
　　(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
　　(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
　　(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
　　(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

　　if(Sys.ie) {
　　　　return 'IE: ' + Sys.ie;
　　}
　　if(Sys.firefox) {
　　　　return 'Firefox: ' + Sys.firefox;
　　}
　　if(Sys.chrome) {
　　　　return 'Chrome: ' + Sys.chrome;
　　}
　　if(Sys.opera) {
　　　　return 'Opera: ' + Sys.opera;
　　}
　　if(Sys.safari) {
　　　　return 'Safari: ' + Sys.safari;
　　}
} 
var browser = getBrowserInfo() ;
var verinfo = (browser+"").replace(/[^0-9.]/ig, "");   // 版本號

注意：一些瀏覽器的userAgent屬性值中Chrome、Safari皆有，是因為Chrome的userAgent還包含了Safari的特征，因此這可能是Chrome可運行Safari瀏覽器應(yīng)用的基礎(chǔ)的原因。

2、通過各瀏覽器獨有特性來分辨瀏覽器（需注意：這些特征可能會隨瀏覽器版本而變化，或是其他瀏覽器也就可能跟著加入該特性，從而導(dǎo)致判斷失敗）

IE：只有IE支持創(chuàng)建ActiveX控件，所以ActiveXObject函數(shù)是其他瀏覽器沒有的。只需判斷window對象存在 ActiveXObject函數(shù)，就明確判斷出當(dāng)前瀏覽器是IE。

Firefox：FF中的DOM元素都有一個getBoxObjectFor函數(shù)，用來獲取該DOM元素的位置和大小。這是Firefox獨有的，判斷它即可分辨當(dāng)前瀏覽器是Firefox。（IE對應(yīng)的中是 getBoundingClientRect函數(shù)）

Opera：Opera提供了專門的瀏覽器標(biāo)志-- window.opera屬性。

Safari：openDatabase函數(shù)是其他瀏覽器沒有的，可做為判斷Safari的標(biāo)志。

Chrome：和FF一樣都一個MessageEvent函數(shù)，但Chrome并沒有FF的getBoxObjectFor 函數(shù)，根據(jù)這兩個條件可判斷Chrome瀏覽器。

var Sys = {};
var ua = navigator.userAgent.toLowerCase();
if(window.ActiveXObject) {
　　Sys.ie = ua.match(/msie ([\d.]+)/)[1]
}else if(document.getBoxObjectFor) {
　　Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1]
}else if(window.MessageEvent && !document.getBoxObjectFor) {
　　Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1]
}else if(window.opera) {
　　Sys.opera = ua.match(/opera.([\d.]+)/)[1]
}else if(window.openDatabase) {
　　Sys.safari = ua.match(/version\/([\d.]+)/)[1];
}

水平有限，文中錯誤不妥在所難免，歡迎批評指正建議評論。文章將不定期修改完善斧正。謝謝！

以上這篇Js 獲取、判斷瀏覽器版本信息的簡單方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論