<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>判斷是什么瀏覽器</title>
<link rel="stylesheet" href="base.css">
</head>
<body>
<div class="box">
我這里是按鈕
</div>
</body>
</html>
<script>
var userAgent = navigator.userAgent; // 取得瀏覽器的userAgent字符串
console.log(userAgent)
var isFirefox = navigator.userAgent.indexOf('Firefox') > -1 // 是否是火狐 ，火狐內核Gecko
console.log('火狐'+ isFirefox) // 返回 true 則是 ，false 則不是
var isWebKit = navigator.userAgent.indexOf('WebKit') > -1 // 是否是WebKit 內核
console.log('谷歌內核'+ isWebKit) // 返回 true 則是，false 則不是
var isChrome = navigator.userAgent.indexOf('Chrome') > -1 // 是否是谷歌
console.log('谷歌'+ isChrome) // 返回 true 則是 ，false 則不是
var isOpera = navigator.userAgent.indexOf('Opera') > -1 // 是否是opera ， opera內核 Presto
console.log('Opera'+ isOpera) // 返回 true 則是 ，false 則不是
var isTrident = navigator.userAgent.indexOf('Trident') > -1 // 是否是IE內核
console.log('IE內核'+ isTrident) // 返回 true 則是 ，false 則不是
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera
console.log('IE '+ isIE) //判斷是否IE瀏覽器
// 因為ie10-ie11的版本問題，不再支持document.all判斷，所以ie判斷函數要重新寫
var isIeL = !!window.ActiveXObject || "ActiveXObject" in window
console.log('IELLQ '+ isIeL) //判斷是否IE瀏覽器
var isIE9 = navigator.userAgent.indexOf("MSIE 9.0")>0
console.log('IE999 '+ isIE9) //判斷是否IE9 ;如果是其他IE版本，則 MSIE 7.0 MSIE 8.0
// 判斷是否為移動端
var browser = {
versions: function() {
var u = navigator.userAgent;
return {
trident: u.indexOf('Trident') > -1, //IE內核
presto: u.indexOf('Presto') > -1, //opera內核
webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
gecko: u.indexOf('Firefox') > -1, //火狐內核Gecko
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android
iPhone: u.indexOf('iPhone') > -1 , //iPhone
iPad: u.indexOf('iPad') > -1, //iPad
webApp: u.indexOf('Safari') > -1 //Safari
};
}()
}
var isPhone = browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad
console.log('是否為移動端' +isPhone )
// JS判斷瀏覽器是否是IE9以下，處理可能遇到的兼容性問題
if(navigator.appName == "Microsoft Internet Explorer"&&parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE",""))<9){
console.log("您的瀏覽器版本過低，請使用IE9及以上版本");
}
</script>
