判断H5页面环境是否在小程序的webview中

最新推荐文章于 2024-12-19 11:08:40 发布

转载最新推荐文章于 2024-12-19 11:08:40 发布 · 354 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/daipianpian/p/10288675.html

文章标签：

#javascript #移动开发 #ViewUI

本文介绍了一种在微信小程序中判断当前运行环境的方法。通过检查User Agent来确认是否处于微信环境中，并利用wx.miniProgram.getEnv API进一步判断是否为小程序环境。

用小程序提供的wx.miniProgram.getEnv可以获取环境参数，但是它有个问题就是无法在非微信环境下判断。所以在使用wx.miniProgram.getEnv前得先判断是否在微信环境中。

解决方法：

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
        //ios的ua中无miniProgram，但都有MicroMessenger（表示是微信浏览器）
        wx.miniProgram.getEnv((res)=>{
           if (res.miniprogram) {
               alert("在小程序里");
           } else {
               alert("不在小程序里");
           }
        })
    }else{
        alert('不在微信里');
    }
</script>