[ Javascript ] 如何判斷瀏覽器類型

2012-06-08 04:02:48

最近在寫程式時，遇到要判斷瀏覽器類別為何，所以去查了一下資料，現在把這段碼貼出來，希望有幫忙到這方面困擾的人。

首先，先在 <head></head> 之間加入下面這一段碼：

function detectBrowser(){
	var sAgent = navigator.userAgent.toLowerCase();
	this.isIE = (sAgent.indexOf("msie")!=-1); //IE6.0-7
	this.isFF = (sAgent.indexOf("firefox")!=-1);//firefox
	this.isSa = (sAgent.indexOf("safari")!=-1);//safari
	this.isOp = (sAgent.indexOf("opera")!=-1);//opera
	this.isNN = (sAgent.indexOf("netscape")!=-1);//netscape
	this.isCh = (sAgent.indexOf("chrome")!=-1);//chrome
	this.isMa = this.isIE;//marthon
	this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa);//unknown Browser
}

之後就可以把結果 Alert 出來，當然，也可以選擇不 Alert，直接在不同的結果下繼續寫相對應的程式碼。

var oBrowser = new detectBrowser();
if (oBrowser.isIE) { 
	alert("IE6.0/7.0(or above version)."); 
} 
if (oBrowser.isSa && !oBrowser.isCh) { 
	alert("Safari."); 
} 
if (oBrowser.isOp) { 
	alert("Opera."); 
} 
if (oBrowser.isCh && oBrowser.isSa) { 
	alert("Chrom."); 
} 
if(oBrowser.isFF) { 
	alert("FireFox."); 
}

這邊唯一要注意的就是，判斷 Chrome 和 Safari 的狀況下，必須用兩個複合條件去做比對，其他的部份就比較單純。

參考資料

[Javascript] 判斷瀏覽器類型

By COD

2012-06-08 04:02:48

人氣 ( 17480 )