如何修改手机端分享网页给微信好友和朋友圈显示的图片和标题

最初,我以为这个东西很复杂,还微信开发者哪里找了文档来看。准备使用微信JS-SDK里面的方法…..
但是它仅仅只是这样子的简单。

微信好友和朋友圈都差不多,以分享到微信好友的为例

这里写图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>这灯谜我猜到了开头,猜不到结尾。</title>
    <div style="margin:0 auto;overflow:hidden; width:0; height: 0; display: block;">
        <img src="question_images/sweet.png" />
    </div>
</head>
<body>

</body>
</html>

title 标签就分享后的标题
图片需要放到head标签里面,因为分享的图片是加载网页第一张图片的。

但是分享后显示的图片不应该显示在网页。所以给我在img 标签加了一个 div标签设置了它的宽高为0,
这样子它就不显示了,却又可以在分享后显示出来。

猜你喜欢

转载自blog.csdn.net/ThomasYC/article/details/54998303