开发过程中难免会遇到需要判断单前页面所处的运行环境,那么我们应该如何来实现呢?
需求是这样的:uniapp开发的H5界面需要嵌入微信小程序,安卓app中,其中有部分功能是在app中显示,小程序中不显示。经过一番摸索之后,我也找到解决办法,再此备忘一下。
解决方法
- 借助微信提供的
sdk
- 获取浏览器信息
- 判断方法
安装sdk:
npm install weixin-js-sdk
引入sdk:
let wxSdk = require('weixin-js-sdk');
判断方法:
function getENVIR () {
let wxSdk = require('weixin-js-sdk');
let text = ''
let ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
wxSdk.miniProgram.getEnv((res) => {
if (res.miniprogram) {
//小程序环境
text = 'wx'
} else {
//微信环境
text = 'noWx'
}
})
} else {
// 其他浏览器
text = 'noWx'
}
return text
}