该文章或问题已被删除

H5+小程序混合开发的组件 web-view 的使用

web-view

web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。

web-view 使用说明文档

属性名类型默认值说明
srcStringwebview 指向网页的链接。可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。
bindmessageEventHandler网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。e.detail = { data }
bindloadEventHandler网页加载成功时候触发此事件。e.detail = { src }
binderrorEventHandler网页加载失败的时候触发此事件。e.detail = { src }

 目前 微信小程序  web-view 组件,只提供了三个方法使用bindmessage,bindload,binderror

 要使用 web-view 之前,首先要在小程序管理后台,添加相关的 业务域名,并且 是 https 的 ,添加之后,还需要下载一个文档放在网站根目录验证网站的所有者权限,验证通过后,该域名就可以在小程序上打开浏览了。

使用也很简单,例如直接在页面中放以下代码就可以打开网站浏览:

<web-view src="https://mp.weixin.qq.com/"></web-view>

一个页面只能有一个 web-view 组件,如果有其他组件,会被遮盖住,因为它是全屏,浮在最上层的组件。

 

点赞 0      收藏 0

0 个评论

正在加载...

这里空空如也,快来补一刀!

加载更多

回答问题或评论文章请先 或者 注册