javascript - When h5 shares a link to QQ or WeChat, there is a thumbnail and some description text. How to modify the pictures and content inside?

Question

How can I modify the display here? ? ?

给我你的怀抱 · Answer

Look at the development documentation of WeChat jssdk

//分享到朋友圈的
wx.onMenuShareTimeline({
    title: '', // 分享标题
    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

// 分享到qq的
wx.onMenuShareQQ({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
       // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
       // 用户取消分享后执行的回调函数
    }
});

Go to the official website to see the rest

三叔 · Answer

Title: The content in the title of the current page will be taken.
Picture: The first qualified picture in the body of the current page will be taken.
There are requirements for image specifications: the size must be greater than: 300px × 300px
Put the image that meets the above two conditions into and put it at the front of the page. In this way, this image will be used as a thumbnail when sharing.

PHP中文网 · Answer

WeChat needs to use jssdk. For details, you can check the developer documentation https://mp.weixin.qq.com/wiki