在微信小程序开发中,使用<web-view></web-view>组件来内嵌H5页面,那么在H5的js里面就要判断好当前H5打开的环境是小程序浏览器还是微信浏览器。
201908121565590614139460.jpg

第一步,需要引入js的SDK文件

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

第二步,使用JSSDK 1.3.2提供的getEnv接口:

wx.miniProgram.getEnv(function(res) {
    console.log(res.miniprogram) // true
    if (res.miniprogram) {
        // 小程序环境
        wx.miniProgram.navigateTo({
            url: ''
        })
    }else {
        //非小程序环境
                                                 
    }
})

【拓展】微信浏览器、外界其他浏览器、小程序

var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
    wx.miniProgram.getEnv((res) = >{
        if (res.miniprogram) {
            // 小程序
        } else {
            // 微信浏览器
        }
    });
} else {
    // 非微信
}
最后修改:2020 年 11 月 22 日 09 : 20 PM
如果觉得我的文章对你有用,请随意赞赏