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

另一个自己IT

已于 2023-01-11 09:26:02 修改

阅读量8.6k

点赞数 1

分类专栏： Web 前端开发 uniapp 文章标签：微信小程序前端 vue.js

于 2022-11-04 09:29:02 首次发布

本文链接：https://blog.csdn.net/weixin_46408500/article/details/127682542

版权

前端开发同时被 3 个专栏收录

16 篇文章 0 订阅

订阅专栏

Web

9 篇文章 0 订阅

订阅专栏

uniapp

2 篇文章 0 订阅

订阅专栏

最近做的一个项目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('不在微信浏览器内');
    }