JS判斷是否為移動版瀏覽器

使用javascript（JS）判斷瀏覽器是否為移動版瀏覽器。

瀏覽器信息獲取

判斷瀏覽器訪問終端。

//判斷訪問終端
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,                      //是否微信 （2015-01-22新增）
            qq: u.match(/\sQQ/i) == " qq"                                  //是否QQ
        };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
};

判斷是否為移動端

確認是否為移動版瀏覽器。

// 判斷是否為移動端
if (browser.versions.mobile || browser.versions.android || browser.versions.ios) {
    console.info("移動端");
    // window.location.href = "app/index.html";
} else {
    console.info("非移動端");
    // window.location.href = "index.html";
}

 

 

【參考資料】

https://www.haorooms.com/post/js_pc_iosandmobile