JS判斷用戶端是否是iOS或者Android端

標籤：mob   rest   htm   全面   ons   safari   col   opera   log   

通過判斷瀏覽器的userAgent，用正則來判斷手機是否是 IOS 和 Android 用戶端。

代碼如下：

    (function(){        var u = navigator.userAgent;        var isAndroid =u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //Android終端        var isIOS =!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //IOS終端        console.log(isAndroid);        console.log(isIOS);    }()) 

 

*傳回值為 true 和 false

*好像Google 瀏覽器預設為 Android 端。

 

下面一個比較全面的瀏覽器檢查函數，提供更多的檢查內容，你可以檢查是否是移動端（Mobile）、ipad、iphone、、QQ等。

來自http://blog.baiwand.com/?post=176

    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, //蘋果、Google核心                gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1,//Firefox核心                mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端                android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1, //android終端                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.android){        console.log("android終端");    }

 

JS判斷用戶端是否是iOS或者Android端