移动端网页 关于微信分享中常见的问题

最近在做网页移动端微信分享,记录一下最新常见问题,慢慢补充。

 
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咯。

原文地址:https://www.cnblogs.com/XiaoYEBLog/p/11430305.html