JavaScript判斷ios還是android系統

admin發表於2018-02-16

使用移動端上網已經是常態,移動端也分很多不同的系統,比如android 和 ios,實際應用中,可能需要根據不同的系統進行不同的操作,下面分享一段程式碼例項,它實現了判斷功能。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
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.*/) || !!u.match(/AppleWebKit/), //是否為移動終端
      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 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器
      iPad: u.indexOf('iPad') > -1, //是否iPad
      webApp: u.indexOf('Safari') == -1 //是否web應該程式,沒有頭部與底部
    };
  }(),
  language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
 
if(browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){
  window.location="https://itunes.apple.com/xxx";
}
else if (browser.versions.android){
  window.location="http://xxx/xxx.apk";
}

上面程式碼比較全面,不僅僅實現判斷兩種系統的功能,註釋部分已經說明。

相關文章