1. 程式人生 > >JS判斷客戶端是IOS還是ANDROID

JS判斷客戶端是IOS還是ANDROID

//判斷app是ios還是android export function isIosorAndroid():string{   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終端   if (isiOS) {     return 'ios'   }else if(isAndroid){     return 'android'   }else{     return ''   } }   //判斷瀏覽器核心

// 1. 定義終端判斷物件
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, //是否微信 (2015-01-22新增)
      qq: u.match(/\sQQ/i) == " qq" //是否QQ
    };
  }(),
  language: (navigator.browserLanguage || navigator.language).toLowerCase() // 判斷瀏覽器語言:zh-CN 等
}
// 2. 執行判斷 --> 根據browser.versions.xxx 的值為true / false

// 2.1 判斷是否webKit核心
if (browser.versions.webKit) {
  console.log("is webKit");
}
// 2.2 判斷瀏覽器當前使用的語言
currentLanguage = browser.language;    // 非IE
if(!currentLanguage) {    // IE瀏覽器
    currentLanguage = navigator.browserLanguage;
}
console.log(currentLanguage);