js 判斷是什麼瀏覽器、是否為谷歌瀏覽器

LowKeyC發表於2021-01-20
<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>

相關文章