一、标题
微信分享链接的小标题:自动拉取标题标签的内容。
二、链接的小图标
今天测试的时候发现,网页链接在QQ浏览器上打开,分享的小图片是有显示的,
自动获取网页上的一张图片,但是为什么微信浏览器分享到朋友圈时图片却不显示呢?
想要的效果:
现实效果:
在网上搜了一下发现,原来是因为微信浏览器上自动拉取的图片必须是大于300 * 300像素的图片,(会取
最近一张图片符合条件的)。
解决办法:
(一)
在身体和头部之间添加下面的代码即可,图片路径自行修改。
*注意这个图片必须是大于300 px * 300 px的
& lt;bod y比;
& lt;div风格='保证金:0汽车;宽度:0 px;高度:0 px;溢出:隐藏;“比;
& lt;img src=" https://www.yisu.com/image/data/pic300.jpg "/比;
& lt;/div比;
& lt;/bod y比;
（二）
var imgUrl=' http://www.baidu.com/images/share.jpg ';//分享后展示的一张图片
var lineLink=' http://www.baidu.com ';//点击分享后跳转的页面地址
var descContent=" http://www.gettool.cn/GetwxLink/";//分享后的描述信息
var shareTitle=' http://www.gettool.cn/GetwxLink/';//分享后的标题
var appid=";//应用id,如果有可以填,没有就留空
函数shareFriend () {
WeixinJSBridge.invoke (sendAppMessage, {
“appid”: appid,
“img_url”: imgUrl,
“img_width”:“200”,
“img_height”:“200”,
“链接”:lineLink,
“desc”: descContent,
“标题”:shareTitle
},函数(res) {//_report (send_msg, res.err_msg);//这是回调函数,必须注释掉
}）
}
函数shareTimeline () {
WeixinJSBridge.invoke (shareTimeline, {
“img_url”: imgUrl,
“img_width”:“200”,
“img_height”:“200”,
“链接”:lineLink,
“desc”: descContent,
“标题”:shareTitle
},函数(res) {//_report(“时间表”,res.err_msg);//这是回调函数,必须注释掉
}）;
}
函数shareWeibo () {
WeixinJSBridge.invoke (shareWeibo, {
“内容”:descContent,
“url”: lineLink,
},函数(res) {//_report(“微博”,res.err_msg);
}）;
}//当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
文档。addEventListener (WeixinJSBridgeReady,函数onBridgeReady () {//发送给好友
WeixinJSBridge。(“菜单:分享:appmessage”、功能(argv) {
shareFriend ();
}）;//分享到朋友圈
WeixinJSBridge。(“菜单:分享:时间表”,函数(argv) {
shareTimeline ();
}）;//分享到微博
WeixinJSBridge。(菜单:分享:新浪微博,函数(argv) {
shareWeibo ();
}）;
},假);
