一、微信内分享
在微信内打开链接后,点右上角【…】选择【发送给朋友】或【分享到朋友圈】,这种分享方式获取缩略图的方法:
方法一:在页面身体最上方添加300 * 300像素的img
如该图片不需要显示,可以用css隐藏,但不能直接对img设置显示:没有;。
可以在父层div上设置显示:没有;或者对img设置位置:绝对;可见性:隐藏;.
& lt; div祝辞& lt; img src=" https://www.yisu.com/img/thumbnail.png " alt="祝辞& lt;/div>
方法二:通过微信JS-SDK的分享接口
这种方法需要一个微信公众号的app_id,同时需要一个后端服务生成签名。好处是可以定制分享的标题,缩略图,描述。
二,从浏览器分享
在浏览器打开链接后,点分享图标,选择【微信】,这种分享方式获取缩略图的方法:
在页面的头部分添加打开图元数据:
& lt;元属性=柏?类型”内容=巴尽?比; & lt;元属性=柏?标题”内容=耙趁姹晏狻北? & lt;元属性=柏?描述”内容=耙趁婷枋觥北? & lt;元属性=柏?形象”内容=" http://www.example.com/img/thumbnail.png "比; & lt;元属性=柏?url”内容=" http://www.example.com/"在
其中og:图像影响浏览器分享时的图标,需要指定图片的完整路径。
https://github.com/thedaviddias/Front-End-Checklist