小程序内嵌H5页面判断微信及小程序环境

最新推荐文章于 2025-11-14 09:05:56 发布

原创最新推荐文章于 2025-11-14 09:05:56 发布 · 8.5k 阅读

8 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种通过JavaScript判断当前页面是否运行在微信及其小程序环境的方法。首先通过navigator.userAgent属性来判断是否为微信环境，然后利用wx.miniProgram.getEnv API来进一步区分是否处于小程序中。

判断微信及小程序环境

1.H5页面引入 jweixin-1.3.2.js

2.

    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){    //判断是否是微信环境

        //微信环境
        wx.miniProgram.getEnv(function(res) {
            if (res.miniprogram) {
                // 小程序环境下逻辑 

            }else {

                //非小程序环境下逻辑

            }
        })
    }else{
          //非微信环境逻辑
    }