【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】微信分享鏈接時(shí),怎樣才能帶上帶縮略圖和簡(jiǎn)介

一、如何判斷是否為微信內(nèi)置瀏覽器？答：通過(guò)Header信息里的User-agent來(lái)判斷，通過(guò)識(shí)別MicroMessenger這個(gè)關(guān)鍵字來(lái)確定是否來(lái)自微信。即微信的內(nèi)置瀏覽器的user-agent信息中含有MicroMessenger。例如：小米

2A手機(jī)微信內(nèi)置瀏覽器中的useragent信息為：Mozilla/5.0(Linux;U;Android

4.1.1;zh-cn;MI

2A

Build/JRO03L)AppleWebKit/534.30(KHTML,like

Gecko)

Version/4.0

Mobile

Safri/534.30

MicroMessenger/54

谷歌瀏覽器：Mozilla/5.0

(Windows

NT

6.1;

WOW64)

AppleWebKit/537.36

(KHTML,

like

Gecko)

Chrome/30.0.1599.101

Safari/537.36

火狐瀏覽器：Mozilla/5.0

(Windows

NT

6.1;

WOW64;

rv:24.0)

Gecko/20100101

Firefox/24.0

IE瀏覽器：Mozilla/5.0

(compatible;

MSIE

10.0;

Windows

NT

6.1;

WOW64;

Trident/6.0;

EIE10;ZHCNMSN)二、如何獲取Header中的user-agent信息?答：在PHP中，可通過(guò)$_SERVER['HTTP_USER_AGENT']來(lái)獲取user-agent信息。三、微信分享到朋友圈的腳本奧秘微信最近推出的一個(gè)社交工具網(wǎng)站www.faxinxi.la，能發(fā)投票、活動(dòng)、文章。譬如你發(fā)一個(gè)投票，網(wǎng)址是/post/vote,但你填完所有信息按提交后，網(wǎng)頁(yè)地址并沒(méi)有發(fā)生跳轉(zhuǎn)，而是ajax提交信息后彈出的一個(gè)遮罩層，提示你點(diǎn)右上角的分享按鈕，注意，點(diǎn)擊分享齊納網(wǎng)址一直保持在/post/vote路徑，但點(diǎn)開(kāi)分享里的信息已經(jīng)發(fā)生了變化，分享出去后，網(wǎng)址也發(fā)生了變化，變成了/vote/3投票實(shí)際的展示路徑。這是怎么做到的呢？

查看faxinxi里唯一js文件，你會(huì)發(fā)現(xiàn)一個(gè)WeixinJSBridge的輸出對(duì)象，再對(duì)比下通過(guò)微信公眾平臺(tái)發(fā)出來(lái)的文章源文件，也有WeixinJSBridge對(duì)象腳本，問(wèn)題迎刃而解，微信在內(nèi)嵌webview里輸出了WeixinJSBridge對(duì)象供web斷js調(diào)用。faxinxi已經(jīng)將有用的js提取出來(lái)；，詳細(xì)腳本如下：<!--

lang:

js

-->

var

dataForWeixin={

<!--

lang:

js

-->

appId:"",

<!--

lang:

js

-->

MsgImg:"/images/share_msg.png",

<!--

lang:

js

-->

TLImg:"/images/share.png",

<!--

lang:

js

-->

url:"http://faxinxi.la/vote/1",

<!--

lang:

js

-->

title:"input

title

here",

<!--

lang:

js

-->

desc:"input

description

here",

<!--

lang:

js

-->

fakeid:"",

<!--

lang:

js

-->

callback:function(){}

<!--

lang:

js

-->

};

<!--

lang:

js

-->

(function(){

<!--

lang:

js

-->

var

onBridgeReady=function(){

<!--

lang:

js

-->

WeixinJSBridge.on('menu:share:appmessage',

function(argv){

<!--

lang:

js

-->

WeixinJSBridge.invoke('sendAppMessage',{

<!--

lang:

js

-->

"appid":dataForWeixin.appId,

<!--

lang:

js

-->

"img_url":dataForWeixin.MsgImg,

<!--

lang:

js

-->

"img_width":"120",

<!--

lang:

js

-->

"img_height":"120",

<!--

lang:

js

-->

"link":dataForWeixin.url,

<!--

lang:

js

-->

"desc":dataForWeixin.desc,

<!--

lang:

js

-->

"title":dataForWeixin.title

<!--

lang:

js

-->

},

function(res){(dataForWeixin.callback)();});

<!--

lang:

js

-->

});

<!--

lang:

js

-->

WeixinJSBridge.on('menu:share:timeline',

function(argv){

<!--

lang:

js

-->

(dataForWeixin.callback)();

<!--

lang:

js

-->

WeixinJSBridge.invoke('shareTimeline',{

<!--

lang:

js

-->

"img_url":dataForWeixin.TLImg,

<!--

lang:

js

-->

"img_width":"120",

<!--

lang:

js

-->

"img_height":"120",

<!--

lang:

js

-->

"link":dataForWeixin.url,

<!--

lang:

js

-->

"desc":dataForWeixin.desc,

<!--

lang:

js

-->

"title":dataForWeixin.title

<!--

lang:

js

-->

},

function(res){});

<!--

lang:

js

-->

});

<!--

lang:

js

-->

WeixinJSBridge.on('menu:share:weibo',

function(argv){

<!--

lang:

js

-->

WeixinJSBridge.invoke('shareWeibo',{

<!--

lang:

js

-->

"content":dataForWeixin.title,

<!--

lang:

js

-->

"url":dataForWeixin.url

<!--

lang:

js

-->

},

function(res){(dataForWeixin.callback)();});

<!--

lang:

js

-->

});

<!--

lang:

js

-->

WeixinJSBridge.on('menu:share:facebook',

function(argv){

<!--

lang:

js

-->

(dataForWeixin.callback)();

<!--

lang:

js

-->

WeixinJSBridge.invoke('shareFB',{

<!--

lang:

js

-->

"img_url":dataForWeixin.TLImg,

<!--

lang:

js

-->

"img_width":"120",

<!--

lang:

js

-->

"img_height":"120",

<!--

lang:

js

-->

"link":dataForWeixin.url,

<!--

lang:

js

-->

"desc":dataForWeixin.desc,

<!--

lang:

js

-->

"title":dataForWeixin.title

<!--

lang:

js

-->

},

function(res){});

<!--

lang:

js

-->

});

<!--

lang:

js

-->

};

<!--

lang:

js

-->

if(document.addEventListener){

<!--

lang:

js

-->

document.addEventListener('WeixinJSBridgeReady',

onBridgeReady,

false);

<!--

lang:

js

-->

}else

if(document.attachEvent){

<!--

lang:

js

-->

document.attachEvent('WeixinJSBr