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

原创已于 2023-01-11 09:26:02 修改 · 9.3k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #前端 #vue.js

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

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

16 篇文章

订阅专栏

Web

9 篇文章

订阅专栏

uniapp

2 篇文章

订阅专栏

本文介绍如何使用微信SDK(JSSDK)来判断当前页面是否在微信浏览器内打开，并进一步判断是否处于微信小程序环境中。通过简单的代码示例，展示了如何实现这一功能。

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