一、標(biāo)題
微信分享鏈接的小標(biāo)題:自動拉取title標(biāo)簽的內(nèi)容。
二、鏈接的小圖標(biāo)
今天測試的時(shí)候發(fā)現(xiàn),網(wǎng)頁鏈接在QQ瀏覽器上打開,分享的小圖片是有顯示的,
自動獲取網(wǎng)頁上的一張圖片,但是為什么微信瀏覽器分享到朋友圈時(shí)圖片卻不顯示呢?
想要的效果:

現(xiàn)實(shí)效果:

在網(wǎng)上搜了一下發(fā)現(xiàn),原來是因?yàn)?微信瀏覽器上自動拉取的圖片必須是大于300*300px的圖片,(?會取
最近一張圖片符合條件的)。
實(shí)現(xiàn)工具:GetwxLink
解決辦法:
(一)
在boby?和head之間添加下面的代碼即可,圖片路徑自行修改。
*注意這個(gè)圖片必須是大于300px*300px的
< bod y >
< div style ='margin:0 auto;width:0px;height:0px;overflow:hidden;??' >
< img src='/image/data/pic300.jpg' / >
< /div >
??????< /bod y >
(二)
???var imgUrl = 'http://www.baidu.com/images/share.jpg'; ?//?分享后展示的一張圖片
???var lineLink = 'http://www.baidu.com'; //?點(diǎn)擊分享后跳轉(zhuǎn)的頁面地址
???var descContent = "小灰博客,敬請?jiān)L問!"; ?//?分享后的描述信息
???var shareTitle = '小灰博客'; ?//?分享后的標(biāo)題
var appid = ''; ?//?應(yīng)用id,如果有可以填,沒有就留空
????????function shareFriend() {
????????????WeixinJSBridge.invoke('sendAppMessage',{
????????????????"appid": appid,
????????????????"img_url": imgUrl,
????????????????"img_width": "200",
????????????????"img_height": "200",
????????????????"link": lineLink,
????????????????"desc": descContent,
????????????????"title": shareTitle
????????????}, function(res) {
??????????//_report('send_msg', res.err_msg); ?//?這是回調(diào)函數(shù),必須注釋掉
????????????})
????????}
????????function shareTimeline() {
????????????WeixinJSBridge.invoke('shareTimeline',{
????????????????"img_url": imgUrl,
????????????????"img_width": "200",
????????????????"img_height": "200",
????????????????"link": lineLink,
????????????????"desc": descContent,
????????????????"title": shareTitle
????????????}, function(res) {
?????????//_report('timeline', res.err_msg); //?這是回調(diào)函數(shù),必須注釋掉
????????????});
????????}
????????function shareWeibo() {
????????????WeixinJSBridge.invoke('shareWeibo',{
????????????????"content": descContent,
????????????????"url": lineLink,
????????????}, function(res) {
????????????????//_report('weibo', res.err_msg);
????????????});
????????}
???//?當(dāng)微信內(nèi)置瀏覽器完成內(nèi)部初始化后會觸發(fā)WeixinJSBridgeReady事件。
???document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
????????????//?發(fā)送給好友
????????????WeixinJSBridge.on('menu:share:appmessage', function(argv){
????????????????shareFriend();
????????????});
????????????//?分享到朋友圈
????????????WeixinJSBridge.on('menu:share:timeline', function(argv){
????????????????shareTimeline();
????????????});
????????????//?分享到微博
????????????WeixinJSBridge.on('menu:share:weibo', function(argv){
????????????????shareWeibo();
????????????});
????????}, false);