前端 vue.js uniapp H5页面如何判断是在微信小程序环境还是微信环境中运行

最近做的一个项目h5页面，甲方即要嵌套到app中，又要嵌套到小程序中，有个需求是在app中显示首页的按钮，在小程序中打开要隐藏掉这个首页的按钮，最终我的解决方案如下！

解决方案：引入微信SDK文件：JSSDK，通过微信SDK方法判断。

1、首先，先引入微信sdk文件

npm install weixin-js-sdk

2、记得调用

var wx = require('weixin-js-sdk');

3、先判断是否在微信浏览器内打开，再使用微信api判断是否在小程序中打开

// 判断是否在微信浏览器内

if (ua.match(/MicroMessenger/i)=="micromessenger") {

wx.miniProgram.getEnv((res) => {

if (res.miniprogram) {

console.log('在小程序内');

} else {

console.log('不在小程序内');

}

})

} else {

console.log('不在微信浏览器内');

}

推荐链接

 您阅读本篇文章共花了：