Java程式教學甘仔店: [JavaScript]判斷瀏覽器(Browser)類型

2014年4月1日星期二

[JavaScript]判斷瀏覽器(Browser)類型

可以決解的相關問題：
判斷瀏覽器(Browser)類型、判斷是否為IE的瀏覽器、無法判斷瀏覽器IE 11

程式碼：
<html>
<head>
<title>[JavaScript]判斷瀏覽器類型</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
</head>
<body>
<script type ="text/javascript">
function detectBrowser(){
var sAgent = navigator.userAgent.toLowerCase();
this.isIE6 = (sAgent.indexOf("msie 6.0")!=-1 );
this.isIE7 = (sAgent.indexOf("msie 7.0")!=-1 );
this.isIE8 = (sAgent.indexOf("msie 8.0")!=-1 );
this.isIE9 = (sAgent.indexOf("msie 9.0")!=-1 );
this.isIE10 = (sAgent.indexOf("msie 10.0")!=-1 );
this.isIE11 = (sAgent.indexOf("gecko")!=-1 );
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
}
var oBrowser = new detectBrowser();

if (oBrowser.isIE6) {
alert("IE 6");//這裡可以修改你要顯示的訊息及處理事情
}
if (oBrowser.isIE7) {
alert("IE 7");//這裡可以修改你要顯示的訊息及處理事情
}
if (oBrowser.isIE8) {
alert("IE 8");//這裡可以修改你要顯示的訊息及處理事情
}
if (oBrowser.isIE9) {
alert("IE 9");//這裡可以修改你要顯示的訊息及處理事情
}
if (oBrowser.isIE10) {
alert("IE 10");//這裡可以修改你要顯示的訊息及處理事情
}
if(oBrowser.isIE11){
alert("IE 11");//這裡可以修改你要顯示的訊息及處理事情
}
if (oBrowser.isSa && !oBrowser.isCh) {
alert("Safari.");//這裡可以修改你要顯示的訊息及處理事情
}
if (oBrowser.isOp) {
alert("Opera.");//這裡可以修改你要顯示的訊息及處理事情
}
if (oBrowser.isCh && oBrowser.isSa) {
alert("Chrom.");//這裡可以修改你要顯示的訊息及處理事情
}
if(oBrowser.isFF) {
alert("FireFox.");//這裡可以修改你要顯示的訊息及處理事情
}
</script>
</body>
</html>

結果：