JS-环境判断：小程序、公众号、浏览器、APP、安卓、IOS

发表于 2021-11-25 | 分类于技术-JS | 阅读次数： | 阅读次数：

介绍

本文主要介绍获取当前页面所在的环境，区分微信小程序、微信公众号H5、浏览器、app环境，终端判断是否是IOS、是否是Android~

JS代码：

1	const ua = navigator.userAgent.toLowerCase();

微信小程序、微信公众号H5、浏览器、app环境

getENVIR: () => {
  const isWeixin = ua.indexOf('micromessenger') !== -1;
  const isInApp = /(^|;\s)app\//.test(ua);
  if (isWeixin) {
    if ((window as any).__wxjs_environment === 'miniprogram') {
      return 'wxapp';
    } else {
      return 'wxh5';
    }
  } else {
    if (!isInApp) {
      return 'browser';
    } else {
      return 'app';
    }
  }
},

终端判断：是否是IOS

1
2
3

checkIfIOS: () => {
  return ua.match(/(iphone|ipod|ipad);?/i);
},

终端判断：是否是Android

1
2
3

checkIfAndroid: () => {
  return ua.match(/android|adr/i);
},