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('不在微信浏览器内');
    }

猜你喜欢

转载自blog.csdn.net/weixin_46408500/article/details/127682542