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

// web-view下的页面内

function ready() {

console.log(window.__wxjs_environment === 'miniprogram') // true

}

// 非小程序内

if (!window.WeixinJSBridge || !WeixinJSBridge.invoke) {

document.addEventListener('WeixinJSBridgeReady', ready, false)

} else {

// 在小程序内

ready()

}

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

wx.miniProgram.getEnv(function(res) {

console.log(res.miniprogram) // true

})

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

WeixinJSBridge.on('onPageStateChange', function(res) {

console.log('res is active', res.active)

})

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