1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 解决方案:h5网页外部浏览器唤起微信分享 唤起微信面板 分享朋友圈方案 兼容大部分

解决方案:h5网页外部浏览器唤起微信分享 唤起微信面板 分享朋友圈方案 兼容大部分

时间:2021-04-21 14:39:15

相关推荐

解决方案:h5网页外部浏览器唤起微信分享 唤起微信面板 分享朋友圈方案 兼容大部分

h5网页外部浏览器唤起微信分享,唤起微信面板,分享朋友圈方案,兼容大部分浏览器

需求是点击分享按钮,直接唤起微信,发送给好有或者朋友圈。这个需求并不好完成,因为微信并没有对h5网页开放api,但是每个浏览器都有分享到微信的能力,所以我们可以利用浏览器的这个能力去解决。

看看效果

如何完成

html部分

注意引入nativeShare.js文件

<div ><button onclick="call()">通用分享</button><button onclick="call('wechatFriend')">微信好友</button><button onclick="call('wechatTimeline')">朋友圈</button><button onclick="call('qqFriend')">QQ</button><button onclick="call('qZone')">QQ空间</button><button onclick="call('weibo')">微博</button><button onclick="setTitle('fa-ge NativeShare')">设置标题</button></div><script type="text/javascript" src="NativeShare.js"></script>

js部分

var nativeShare = new NativeShare()var shareData = {title: '分享标题',desc: '描述内容',// 如果是微信该link的域名必须要在微信后台配置的安全域名之内的。link: 'www.你的连接地址',icon: '图片地址',// 不要过于依赖以下两个回调,很多浏览器是不支持的success: function() {alert('success')},fail: function() {alert('fail')}}nativeShare.setShareData(shareData)function call(command) {try {nativeShare.call(command)} catch (err) {// 如果不支持,你可以在这里做降级处理alert(err.message)}}function setTitle(title) {nativeShare.setShareData({title: title,})}

这样,方案实现了

js文件地址:h5网页唤起微信,分享好友朋友圈插件js地址

解决方案:h5网页外部浏览器唤起微信分享 唤起微信面板 分享朋友圈方案 兼容大部分浏览器

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。