h5网页判断是否从微信小程序打开,是就隐藏指定内容的实现方法

随着小程序市场的升温,客户对小程序的开发需求越来越多。有时候会遇到H5网站直接用webview打包小程序的情况,我们想让H5的部分内容不在小程序中显示,所以就需要通过代码来进行判断隐藏。具体看以下代码;

<div id="yc">
    <p>我是要隐藏的内容</p> 
</div>
<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) {
               $('#yc').remove();
           } else {
               return false;
           }
        })
    }else{
        isWeiXin();
    }
</script>

以上代码中,我们想隐藏id为ad的div,就通过div下面的那段js代码进行判断,如果是小程序就隐藏此div。需要的,拿去试试吧。

如果内容有帮助,就点个赞吧!

转载注明出处:http://www.12564.cn/show-89.html

如有疑问请联系 QQ:644233191   微信:zw1688k