时间:2021-07-01 10:21:17 帮助过:4人阅读
希望结果是这样:
目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。
网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。
描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。
希望结果是这样:
目前做了个自适应页面,结果在微信打开这个页面转发给朋友后,显示了标题,但是不显示图片和描述。
网上解决方法说是:
图片要大于300X300,并且是第一张。但是我不能保障内容里都有图片。所以准备内容没有图片时,用一张默认图片替代。
描述只要在页面的meta的description里有内容,就会读取到。如下,没有用。
需要微信JSSDK,需要后端的小伙伴配合
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) {
}
});
});
需要加载 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