JS 判斷客戶端是iOS還是Android

鵬歌歌發表於2018-09-11
JS客戶端iOSAndroid

  • 通過瀏覽器的 navigator.userAgent 判斷是Android還是IOS：

一.判斷是Android還是iOS

let u = navigator.userAgent;
let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;   //判斷是否是 android終端
let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);     //判斷是否是 ios終端
console.log('是否是Android：' + isAndroid); //true,false
console.log('是否是iOS：' + isIOS);
複製程式碼
  • 方法：
  judgeClient() {
    let u = navigator.userAgent;
    let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;   //判斷是否是 android終端
    let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);     //判斷是否是 ios終端
    console.log('是否是Android：' + isAndroid); //true,false
    console.log('是否是iOS：' + isIOS);
    if(isAndroid === true){
      return 'Android';
    }else if(isIOS === true){
      return 'IOS';
    }else{
      return 'PC';
    }
  },
複製程式碼

二.判斷是Android還是iOS

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
  console.log('isIOS');
} else if (/(Android)/i.test(navigator.userAgent)) {
  console.log('isAndroid');
} else {
  console.log('isPC');
}
複製程式碼
  • 方法：
  judgeClient() {
    let client = '';
    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {  //判斷iPhone|iPad|iPod|iOS
      client = 'IOS';
    } else if (/(Android)/i.test(navigator.userAgent)) {  //判斷Android
      client = 'Android';
    } else {
      client = 'PC';
    }
    return client;
  },
複製程式碼

三.判斷PC還是移動端

  isPC: function () {
    /*true則pc，false則mobile*/
    let u = navigator.userAgent;
    let Agents = ["Android", "iPhone", "webOS", "BlackBerry", "SymbianOS", "Windows Phone", "iPad", "iPod"];
    let flag = true;
    for (let i = 0; i < Agents.length; i++) {
      if (u.indexOf(Agents[i]) > 0) {
        flag = false;
        break;
      }
    }
    return flag;
  },
複製程式碼

四.判斷多種訪問終端

  //判斷訪問終端
  let browser = {
    versions: function () {
      let 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('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, //是否微信
        qq: u.match(/\sQQ/i) == " qq" //是否QQ
      };
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
  };
複製程式碼
  • 使用
if (browser.versions.mobile) {
    console.log("is mobile");
}
if (browser.versions.ios) {
    console.log("is ios");
}
複製程式碼

五.判斷瀏覽器當前使用的語言

  judgeLanguage() {
    // 判斷瀏覽器當前使用的語言
    let currentLanguage = (navigator.browserLanguage || navigator.language).toLowerCase();    // 非IE
    if (!currentLanguage) {    // IE瀏覽器
      currentLanguage = navigator.browserLanguage;
    }
    console.log(currentLanguage);
    return currentLanguage;
  },
複製程式碼

相關文章