微信分享鏈接獲取標(biāo)題和小圖片

一、標(biāo)題

微信分享鏈接的小標(biāo)題：自動(dòng)拉取title標(biāo)簽的內(nèi)容。

二、鏈接的小圖標(biāo)

今天測(cè)試的時(shí)候發(fā)現(xiàn)，網(wǎng)頁(yè)鏈接在QQ瀏覽器上打開(kāi)，分享的小圖片是有顯示的，

自動(dòng)獲取網(wǎng)頁(yè)上的一張圖片，但是為什么微信瀏覽器分享到朋友圈時(shí)圖片卻不顯示呢？

想要的效果：

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

在網(wǎng)上搜了一下發(fā)現(xiàn)，原來(lái)是因?yàn)?微信瀏覽器上自動(dòng)拉取的圖片必須是大于300*300px的圖片，（ 會(huì)取

最近一張圖片符合條件的）。

解決辦法：

（一）

在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)的頁(yè)面地址
?
???var?descContent?=?"http://www.gettool.cn/GetwxLink/";??//?分享后的描述信息
?
???var?shareTitle?=?'http://www.gettool.cn/GetwxLink/';??//?分享后的標(biāo)題
?
?
?var?appid?=?'';??//?應(yīng)用id,如果有可以填，沒(méi)有就留空
?
??
????????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)部初始化后會(huì)觸發(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);

GetwxLink