微信小程序中的web-view

官网上关于web-view的解释：

一个页面只能有一个web-view，web-view打开时会覆盖其他组件 ：

在没有任何设置当情况下：

开发工具会报错：

个人开发用户想要在开发工具中查看效果可以设置一下红色部分，默认不校验合法域名，但是android和ios无法预览效果，调试模式下也可以查看效果：

 

比较坑的一点是：

个人类型和海外类型的小程序暂不支持使用web-view，也就是说就算可以在开发者工具中预览到效果，但是个人账号开发的小程序在发布的小程序中无法使用web-view。如果是公司类型的小程序，需要在微信公众平台的开发模块中配置业务域名，配置完成后可以在开发工具的详情中看到配置域名，域名必须有SSL安全证书：