微信论坛

标题: 微信小程序web-view不支持个人类型与海外类型的小程序~ [打印本页]

作者: 最爱颖宝 时间: 2019-4-14 20:19
标题: 微信小程序web-view不支持个人类型与海外类型的小程序~
微信小程序开放的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

欢迎光临微信论坛 (https://bbs.weiwangvip.com/)