javascript - 微信分享转发给朋友,描述是网址

WBOY
Libérer: 2016-06-06 20:25:53
original
1223 Les gens l'ont consulté

希望结果是这样:
javascript - 微信分享转发给朋友,描述是网址

目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。

网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。

描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。

<code><meta name="Description" content="导读:山东是国内最大的轮胎生产省份,轮胎企业数量、产量、销售收入、利税、出口量连续11年居国内首位。2013年,全省共有轮胎生产企业287家,共生产各种规格轮胎外胎4.25亿条(包括部分小型轮胎、摩托车胎、力车胎)。其中,全钢子午胎生产企业33家,产量 6228万条,占全国总量的58%;半钢子午胎生"></code>
Copier après la connexion
Copier après la connexion

回复内容:

希望结果是这样:
javascript - 微信分享转发给朋友,描述是网址

目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。

网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。

描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。

<code><meta name="Description" content="导读:山东是国内最大的轮胎生产省份,轮胎企业数量、产量、销售收入、利税、出口量连续11年居国内首位。2013年,全省共有轮胎生产企业287家,共生产各种规格轮胎外胎4.25亿条(包括部分小型轮胎、摩托车胎、力车胎)。其中,全钢子午胎生产企业33家,产量 6228万条,占全国总量的58%;半钢子午胎生"></code>
Copier après la connexion
Copier après la connexion

需要微信JSSDK,需要后端的小伙伴配合

<code>  wx.ready(function () {
                       // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
                    wx.onMenuShareTimeline({
                        title: "title", // 分享标题
                        link:"url",
                        imgUrl: "sharePic.jpg", // 分享图标
                        success: function (res) {
                        }
                    });
                    
                        // 获取“分享给朋友”按钮点击状态及自定义分享内容接口
                    wx.onMenuShareAppMessage({
                        title: "title", // 分享标题
                        link:"url",
                        imgUrl: "sharePic.jpg", // 分享图标
                        desc: '描述', // 分享描述
                        type: 'link', // 分享类型,music、video或link,不填默认为link
                        success: function (res) {
                        }
                    });
  });</code>
Copier après la connexion

需要加载 jweixin.js
网址如下:
http://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS%E6%8E%A5%E5%8F%A3

然后调用下面的分享API,进行分享,其他同上。。我真懒。。

需要后端配合,这是我之前扒拉的两个简单的demo:
https://github.com/wjfz/weixin-jssdk

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal