最近在做网页移动端微信分享,记录一下最新常见问题,慢慢补充。
1. 举一个微信分享(分享给朋友)的例子:
- 获取meta 标签里的content内容,一般指分享后标题下面的描述
-
document.querySelector('meta[name="name的名字"]').getAttribute('content')
-
- 获取title:
-
document.title
-
- 获取当前链接:
-
window.location.href
-
wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateAppMessageShareData({ title: document.title, // 分享标题 desc: document.querySelector('meta[name="description"]').getAttribute('content'),// 分享描述 link: window.location.href, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: '', // 分享图标 success: function () { // 设置成功 //alert('分享成功') } }) wx.updateTimelineShareData({ title: '', // 分享标题 link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: '', // 分享图标 success: function () { // 设置成功 //alert('分享成功') } }) });
2.分享到微信的代码写在body后面的script中。不需要写在head中。
3.现在微信取消了分享接口,就是不论用户是否真的分享,还是取消了分享都返回success。
所以可能会出现 你分享完、重新刷新完还会弹出alert的问题。
那我们就不alert咯。