微信小程序web-view嵌入h5页面，分享当前页

① index.wxml

为web-view标签添加bindload事件 web-view bindload | 微信开放文档

<web-view src="{{webview_url}}" bindload="getCurUrl"></web-view>

② index.js

页面加载成功时会触发bindload事件绑定的方法此方法可以获取当前页面的地址

getCurUrl(e) {var shareUrl = e.detail.src;this.setData({shareUrl: shareUrl ,})
},

③ index.js

把地址赋值给变量shareUrl 分享页面的时候把该变量追加到path中

要使用decodeURIComponent()解码（否则开发者工具上正常真机测试打开是空白页）

onShareAppMessage: function () {var that = this;return {title: "xxxxx",path: '/pages/index/index?url=' + decodeURIComponent(that.data.shareUrl),}
},

④ index.js

点击分享页面进入小程序时在onLoad方法中获取到分享地址中携带的地址变量 url

把该变量赋值给webview_url 在web-view src中调用

onLoad(options) {console.log('onLoad_url：' + options.url)this.setData({webview_url: options.url,})
},

微信小程序web-view嵌入h5页面，分享当前页相关推荐

小程序跳到h5页面_微信小程序跳转到H5页面实战篇
有些场景需要从微信小程序跳转到H5页面,通常网上的教程会告诉你使用web-view组件就可以了,但实际开发中还有很多需要注意的地方,尤其是很多概念往往会把初学者弄糊涂了,下面就让我们从概念开始吧!微信 ...
微信小程序webview内嵌H5页面缓存
微信小程序webview内嵌H5页面缓存参考链接: link. 问题描述: 公司项目已经开发了一个移动端的vue项目,以微信小程序作为一个入口,节省资源去原生开发,webview成了最好的选择.vu ...
微信小程序webview内嵌h5页面
微信官方文档web-view | 微信开放文档正式上线前准备(前期开发调试可以忽略) 首先登录小程序管理后台,把 web-view 直连的 h5 页面地添加到配置域名白名单中比如我想要小程序直连地 ...
微信小程序如何跳转H5页面
1.登录微信公众后台,进入[开发->开发管理->业务域名],点击修改. 2.首先请下载校验文件,并将文件放置在域名根目录下. 我是把文件放在nginx主机的data目录下,然后通过增加ng ...
控制微信小程序web view的返回按钮
需求:点击web-view页面的左上角返回按钮时,显示弹窗,点击取消或确认后才能返回.(实际上点击返回按钮会直接返回上一页) 解决方法:由于webview使用的是微信浏览器打开的,我们可以使用js的H ...
关于微信小程序内嵌的H5页面阿里云点播视频获取视频播放凭证
后端 Spring Boot 微服务开发下载 aliyun-java-vod-upload-1.4.14.jar 注意 :aliyun-java-vod-upload-1.4.14.jar 还未 ...
[微信小程序]WebView内嵌H5实现本地文件上传
[官方文档] 小程序与H5如何互相跳转小程序与H5交互以上传文件为例微信小程序开放能力web-view使用之h5页面与小程序页面交互传值快速小程序开发之微信小程序内嵌 H5 微信小程序web-v ...
微信小程序跳转到H5网页
小程序是一种不用下载就能使用的应用,也是一项门槛非常高的创新,经过将近两年的发展,已经构造了新的小程序开发环境和开发者生态.小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,现 ...
实现微信小程序web-view内嵌H5中的下载功能(大文件切片下载)
实现微信小程序内嵌H5中的下载功能一.项目场景: 难点解决方案: 1.H5微信小程序: a.首先必不可少的是安装jweixin-module模块: b.在main.js中将依赖绑定: c.H5对应 ...
关于微信小程序跳转到H5，然后从H5又跳回微信小程序问题的资料
关于微信小程序跳转到H5,然后从H5又跳回微信小程序问题的资料直接上答案 // javascript import wx from 'weixin-jsapi';// 判断h5页面是否是运行在小程序 ...

微信小程序web-view嵌入h5页面，分享当前页

微信小程序web-view嵌入h5页面，分享当前页相关推荐

最新文章

热门文章