微信小程序web-view使用

一.基本使用

请参考 微信小程序开发官方文档https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

二.API的使用

1.获取是否是小程序环境
官方给了2种方式

但是,这2种在非小程序环境下是不会运行的,这个是比较容易被忽略的,
关于小程序环境特有的逻辑,要在下面2种方法中实现
推荐最后一种

// 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
})