H5网页 判断是否是 微信小程序 webview 环境

11月/02日/小程序/浏览 271

在web开发中,使用useragent判断宿主环境,是一种很常用的方法,但是之前微信小程序的webview一直没有给出标准,所以大家就只能猜猜猜。


根据官方文档:从微信7.0.0开始,可以通过判断userAgent中包含miniProgram字样来判断小程序 web-view 环境。


以后,在网页中判断是否是 微信小程序webview 环境 就简单多了


另外,官方还给出了另外一种方法:


// web-view下的页面内
function ready() {
  console.log(window.__wxjs_environment === 'miniprogram') // true
}
if (!window.WeixinJSBridge || !WeixinJSBridge.invoke) {
  document.addEventListener('WeixinJSBridgeReady', ready, false)
} else {
  ready()
}

// 或者
wx.miniProgram.getEnv(function(res) {
  console.log(res.miniprogram) // true
})


发表评论

暂无评论,抢个沙发...

客服 工单