js代碼判斷瀏覽器

1、在公共的js部分引入一個js文件判斷當前的瀏覽器，代碼以下

let browser = {
  versions: (function () {
    let u = navigator.userAgent
    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('Linux') > -1 || u.indexOf('Adr') > -1, // android終端或uc瀏覽器
      iPhone: u.indexOf('iPhone') > -1, // 是否爲iPhone或者QQHD瀏覽器
      iPad: u.indexOf('iPad') > -1, // 是否iPad
      webApp: u.indexOf('Safari') === -1,
      weixin: u.indexOf('MicroMessenger') > -1, // 是否微信 （2015-01-22新增）
      qq: u.indexOf(' QQ') > -1 // 是否QQ
      // 是否web應該程序，沒有頭部與底部
    }
  }()),
  language: (navigator.browserLanguage || navigator.language)
    .toLowerCase()
}

export default browser

2、在須要判斷的組件裏局部引用此文件

import browser from 'common/js/judge_device.js'

假設須要判斷該瀏覽器是不是微信瀏覽器

console.log(browser.versions.weixin) // true就是微信瀏覽器，不然爲其餘瀏覽器