【JavaScript】判斷瀏覽器類型
網頁設計中經常會遇到相同的HTML元件定義在不同瀏覽器下,顯示結果會不一致,為了要達到版面一致化。必須針對各個瀏覽器做判斷及各別定義HTML元件屬性。判斷瀏覽器做法很多種,有的是用CSS方式做判斷,本篇先介紹用Javascript方式。
<!--偵測 Browser
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
}
// -->
//check Browser
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.");
}
參考引用︰
http://codweb.net/blog/article/619502029266/
如何判斷瀏覽器類型
留言
張貼留言