在網路上找到一個範例,來源: http://chrisbalboa.pixnet.net/blog/post/27631949

function detectBrowser()
{
var sAgent = navigator.userAgent.toLowerCase();
alert(sAgent);
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.isMa = this.isIE;//marthon
this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa);//unknown Browser
}

var oBrowser = new detectBrowser();
if (!oBrowser.isIE)
{
alert("Please use IE6.0/7.0(or above version).");
}

我將他稍為改了一下,用來判斷現在所使用的瀏覽器類型

我先將 sAgent的結果先在不同瀏覽器把他Alert出來

var sAgent = navigator.userAgent.toLowerCase();
alert(sAgent);

在IE 8.0.6001.18702 瀏覽器會得到:

在FireFox 5.0會得到:

在Opera 10 會得到:

在Safari會得到:

最特別的就是在Google Chrom的時候了,他會顯示Chrom 跟 Safari的資訊

所以,後來我就稍為將判斷式改了一下。

function detectBrowser()//判斷是否用IE瀏覽器
{
var sAgent = navigator.userAgent.toLowerCase();
alert(sAgent);
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.isChr = (sAgent.indexOf("chrom")!=-1);//Chrom
this.isMa = this.isIE;//marthon
this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa);//unknown Browser
}

var oBrowser = new detectBrowser(); 


if (oBrowser.isIE)
{
alert("IE6.0/7.0(or above version).");


if (oBrowser.isSa && !oBrowser.isChr)
{
alert("Safari.");


if (oBrowser.isOp)
{
alert("Opera.");
}

if (oBrowser.isChr && oBrowser.isSa)
{
alert("Chrom.");
}

if(oBrowser.isFF)
{
alert("FireFox.");
}

文章標籤
創作者介紹
創作者 Yisin 的頭像
Yisin

欣情巧克力

Yisin 發表在 痞客邦 留言(0) 人氣()