浏览器环境判断终极版

将常用浏览器环境判断做封装,基本支持所有环境比如微信、QQ、ipad等

/**环境集合 */
let environmentInfo = {
  inited: false,
  trident: false, //IE内核
  presto: false, //opera内核
  webKit: false, //苹果、谷歌内核
  gecko: false, //火狐内核
  mobile: false, //是否为移动终端
  ios: false, //ios终端
  android: false, //android终端
  iPhone: false, //是否为iPhone或者QQHD浏览器
  iPad: false, //是否iPad
  webApp: false, //是否web应该程序,没有头部与底部
  wechat: false, //是否微信
  qq: false, //是否QQ
  gameCenterApp: false //某某App (即自定义UA)
}

/** 环境设置 */
function updateEnvironmentInfo() {
  const u = navigator.userAgent
  environmentInfo.trident = u.indexOf('Trident') > -1
  environmentInfo.presto = u.indexOf('Presto') > -1
  environmentInfo.webKit = u.indexOf('AppleWebKit') > -1
  environmentInfo.gecko = u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1
  environmentInfo.mobile = !!u.match(/AppleWebKit.*Mobile.*/)
  environmentInfo.ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
  environmentInfo.android = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1
  environmentInfo.iPhone = u.indexOf('iPhone') > -1
  environmentInfo.iPad = u.indexOf('iPad') > -1
  environmentInfo.webApp = u.indexOf('Safari') === -1
  environmentInfo.wechat = u.indexOf('MicroMessenger') > -1
  environmentInfo.qq = u.match(/\sQQ/i) === 'qq'
  environmentInfo.gameCenterApp = u.indexOf('GameCenter/') !== -1
}

/** 执行函数 */
export function getEnvironmentInfo() {
  if (environmentInfo.inited) return environmentInfo
  environmentInfo.inited = true
  updateEnvironmentInfo()
  return environmentInfo
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 昨天同事问我的这个需求,效果大概是这样的 初始状态 需求的样式 简单的讲,就是把相同内容td进行纵向合并。自己写了...
    流浪的三鮮餡阅读 1,403评论 0 2
  • 我家的杂物间里挂着一把不起眼的锄头。这把锄头是父亲的宝贝,是他在田间地头劳作时最亲密的战友。它的锄板宽大厚实前端铮...
    张林林阅读 760评论 0 2