判断h5是否在小步伐webview

1、在网页内可通过window.__wxjs_environment变量判断是否在小步伐环境，建议在WeixinJSBridgeReady回调中使用。

1. // web-view下的页面内
2. function ready() {
3.   console.log(window.__wxjs_environment === 'miniprogram') // true
4. }
5. // 非小程序内
6. if (!window.WeixinJSBridge || !WeixinJSBridge.invoke) {
7.   document.addEventListener('WeixinJSBridgeReady', ready, false)
8. } else {
9. // 在小程序内
10.   ready()
11. }

复制代码

2、从微信7.0.0开始，可以通过判断userAgent中包含miniProgram字样来判断小步伐web-view环境。

1. wx.miniProgram.getEnv(function(res) {
2.   console.log(res.miniprogram) // true
3. })

复制代码

3、从微信7.0.3开始，webview内可以通过判断下面的方式判断小步伐是否在前台

1. WeixinJSBridge.on('onPageStateChange', function(res) {
2.   console.log('res is active', res.active)
3. })

复制代码

官方文档地点：web-view | 微信开放文档

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。