Javascript判斷客戶端是Android還是IOS，判斷瀏覽器類型

摘要

　　當在判斷當前客戶端是什麼類型時，我們就可以根據客戶端自帶的UA標識，搭配正則判斷機制來判斷當前的客戶端是什麼設備。今天就分享下如何通過Javascript來獲取客戶端的UA標識，並判斷客戶端類型。

內容

一、判斷手機端是什麼類型設備：

  const u = navigator.userAgent; // 獲取瀏覽器的userAgent

  const isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // Android設備

  const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; // ios設備

二、判斷是否是微信以及微信版本號：

// 判斷是否是微信
const isWeChat = () => {
   let u = navigator.userAgent;
   return  u.toLowerCase().indexOf('micromessenger') !== -1;   
}

// 微信版本號
let u = navigator.userAgent;
let wechatInfo = u.match(/MicroMessenger\/([\d\.]+)/i); // WeChat
let wechatVersion = wechatInfo[1];

if (wechatVersion = '6.7.4') {
   console.log('當前微信的版本號為：', wechatVersion );  
}

三、判斷pc端瀏覽器是什麼類型：

  const ua = navigator.userAgent; // 獲取瀏覽器的userAgent

  const isIE = window.ActiveXObject != undefined && ua.indexOf("MSIE") != -1; // IE瀏覽器

  const isFirefox = ua.indexOf("Firefox") != -1; // 火狐瀏覽器

  const isOpera = window.opr != undefined; // Opera瀏覽器
 
  const isChrome = ua.indexOf("Chrome") && window.chrome; // Chrome瀏覽器

  const isSafari = ua.indexOf("Safari") != -1 && ua.indexOf("Version") != -1; // Safari瀏覽器