判斷當前訪問平臺

判斷當前訪問平臺

應用場景

開發中每每須要兼容開發，考慮到不一樣的平臺設備對內容需求每每不同，爲此須要進行鍼對設計。 目前我所接觸到的業務都是根據這些屬性的不一樣區分不一樣的入口，好比要區分是IOS仍是Android客戶端進行訪問的，或者是區分是不是微信訪問的等等。

判斷方式

方式一

利用navigator對象 Navigator 對象包含有關瀏覽器的信息。不過應當注意，navigator 對象沒有統一標準，但全部瀏覽器都支持該對象

屬性名	描述
appCodeName	返回瀏覽器的代碼名。
appMinorVersion	返回瀏覽器的次級版本。
appName	返回瀏覽器的名稱。
appVersion	返回瀏覽器的平臺和版本信息。
browserLanguage	返回當前瀏覽器的語言。
cookieEnabled	返回指明瀏覽器中是否啓用 cookie 的布爾值。
cpuClass	返回瀏覽器系統的 CPU 等級。
onLine	返回指明系統是否處於脫機模式的布爾值。
platform	返回運行瀏覽器的操做系統平臺。
systemLanguage	返回 OS 使用的默認語言。
userAgent	返回由客戶機發送服務器的 user-agent 頭部的值。
userLanguage	返回 OS 的天然語言設置。

利用navigator的 userAgent 屬性能夠對平臺信息作出判斷

// userAgent屬性是一個只讀的字符串，申明瀏覽器用於HTPP請求的用戶代理頭的值，簡單點說其實就是經過UserAgent能夠取得瀏覽器類別、版本，客戶端操做系統等信息。
/** * 獲取操做系統類型， * 0 Android * 1 iOS * 2 其餘 */
function getOSType() {
  if (/(Android)/i.test(navigator.userAgent)) {
    return 0;
  } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    return 1;
  } else {
    return 2;
  }
}
//js判斷當前環境是不是微信環境
function is_weixin(){
  var ua = navigator.userAgent.toLowerCase();
  if(ua.match(/MicroMessenger/i)=="micromessenger") {
    return true;
  } else {
    return false;
  }
}
複製代碼