判斷用戶使用的終端類型 - iriliguo－IT工程師數位筆記本

文章出處

切入正題前，的先說一下

Navigator 對象

Navigator 對象包含有關瀏覽器的信息。

Note 注意： 沒有應用于 navigator 對象的公開標準，不過所有瀏覽器都支持該對象。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div id="example"></div>
<script>
    //判斷訪問終端
    var browser={
        versions:function(){
            var u = navigator.userAgent, app = navigator.appVersion;//瀏覽器代號和瀏覽器版本
            return {
                trident: u.indexOf('Trident') > -1, //IE內核
                presto: u.indexOf('Presto') > -1, //opera內核
                webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐內核
                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終端或者uc瀏覽器
                iPhone: u.indexOf('iPhone') > -1 , //是否為iPhone或者QQHD瀏覽器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1, //是否web應該程序，沒有頭部與底部
                weixin: u.indexOf('MicroMessenger') > -1, //是否微信
                qq: u.match(/\sQQ/i) == " qq" //是否QQ
            };
        }(),
        language:(navigator.browserLanguage || navigator.language).toLowerCase()
    }
    txt = "<p>瀏覽器代號: " + navigator.appCodeName + "</p>";
    txt+= "<p>瀏覽器名稱: " + navigator.appName + "</p>";
    txt+= "<p>瀏覽器版本: " + navigator.appVersion + "</p>";
    txt+= "<p>啟用Cookies: " + navigator.cookieEnabled + "</p>";
    txt+= "<p>硬件平臺: " + navigator.platform + "</p>";
    txt+= "<p>用戶代理: " + navigator.userAgent + "</p>";
    txt+= "<p>用戶代理語言: " + navigator.systemLanguage + "</p>";
    document.getElementById("example").innerHTML=txt;
    //判斷是否IE內核
    if(browser.versions.trident){ alert("is IE"); }
    //判斷是否webKit內核
    if(browser.versions.webKit){ alert("is webKit"); }
    //判斷是否移動端
    if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移動端"); }

    //判斷如果是手機訪問就跳到對應網址
    if (browser.versions.mobile) {

        location.href = "寫入跳轉地址";

    }
  //作用同上
    if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
        window.location="https://......";
    }
    else if (browser.versions.android) {
        window.location="http://......";
    }
</script>
</body>
</html>