在微信小程序开发中,使用<web-view></web-view>组件来内嵌H5页面,那么在H5的js里面就要判断好当前H5打开的环境是小程序浏览器还是微信浏览器。
第一步,需要引入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 {
// 非微信
}