uniapp 分享微信好友、微信朋友圈、QQ

本文介绍如何在H5页面实现唤起APP的功能,包括判断微信环境、提示用户及跨浏览器唤起流程。提供了具体JavaScript代码示例,并说明了在不同设备上的实现差异。

这两天领导要做一个分享微信好友、微信朋友圈、QQ的功能,因为之前没有这方面的经验,所以都是一边查资料一边去做的,现在搞得差不多了,在这里给大家分享一下,希望大家多多指点

这里是先做安卓的
先上h5页面
在这里插入图片描述
分享到微信好友的页面(朋友圈和QQ就不搞上来了,长得差不多)
在这里插入图片描述
点击分享卡片是在微信浏览器上打开的,但是微信浏览器是禁止网页唤起app这个操作的,具体的可以去百度一下,所以我这里就做一个提示,让用户与其他浏览器打开
在这里插入图片描述
这是在另一个浏览器打开的,此时可以唤起APP
在这里插入图片描述

好了,大致的效果就像上面这样了,下面我们来看一下代码

h5

<div class="btn open">打开APP</div>
<div class="btn download">下载APP</div>

js

//判断weixin-tip这个提示蒙版的显示与消失,微信打开的时候显示
$(window).on("load", function() {
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值