微信小程序开放的web-view功能,是承载网页的容器。会自动铺满整个小程序页面,个人类型与海外类型的小程序暂不支持使用。webview 指向网页的链接。可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名。
web-view调用方法,打开小程序page/index/index.wxml,改成<web-view src="https://bbs.weiwangvip.com/"></web-view>,保存;
然后打开小程序page/index/index.js,添加小程序的分享代码,保存,调试即可。
Page({
onShareAppMessage(res) {
if (res.from === 'button') {
// 来自页面内转发按钮
console.log(res.target)
}
return {
title: '微信论坛 bbs.weiwangvip.com',
path: '/page/index/index'
}
}
})
Bug & Tip
tip:网页内 iframe 的域名也需要配置到域名白名单。
tip:开发者工具上,可以在 <web-view> 组件上通过右键 - 调试,打开 <web-view> 组件的调试。
tip:每个页面只能有一个 <web-view>,<web-view> 会自动铺满整个页面,并覆盖其他组件。
tip:<web-view> 网页与小程序之间不支持除 JSSDK 提供的接口之外的通信。
tip:在 iOS 中,若存在JSSDK接口调用无响应的情况,可在 <web-view> 的 src 后面加个#wechat_redirect解决。
tip:避免在链接中带有中文字符,在 iOS 中会有打开白屏的问题,建议加一下 encodeURIComponent
|
|
|
|
|
共 0 个关于本帖的回复 最后回复于 2019-4-14 20:19