資訊專(zhuān)欄INFORMATION COLUMN
摘要：對(duì)于第個(gè)問(wèn)題，為使得微博秀既能在和形式分別對(duì)應(yīng)于和，方法也很簡(jiǎn)單。將微博的版本應(yīng)用到微博秀上，直接使用微博官方提供的來(lái)解決，該方法微博的組件接口中贊同就是類(lèi)似的參看網(wǎng)頁(yè)末尾。
當(dāng)今最全面可用的微博分享組件嵌入方法(親測(cè)2019年2月仍有效)
最近一直在找一種目前可用的微博分享組件的使用方法，發(fā)現(xiàn)有3個(gè)大坑：
向網(wǎng)頁(yè)嵌入微博秀時(shí)，需要的uid簡(jiǎn)單，但需要的verifier值有點(diǎn)難獲取，原因在于原生成微博秀頁(yè)面的 url 及其子鏈接均會(huì)被強(qiáng)制從http重定向跳轉(zhuǎn)到https，此外其response中部分css引用失敗導(dǎo)致頁(yè)面無(wú)法完整顯示;
https頁(yè)面是沒(méi)法調(diào)用http下的js和css的;
微博秀是需要用iframe來(lái)嵌入的，博客園默認(rèn)不支持iframe標(biāo)簽，可通過(guò)構(gòu)造字符串的方式添加iframe來(lái)解決，也可以直接用embed標(biāo)簽替換掉iframe。
對(duì)于微博第5版(weibo v5)，其相應(yīng)的微博組件的網(wǎng)址為: https://open.weibo.com/widgets ,
及其具體使用方法為： 微博秀-新浪微博JSSDK官方網(wǎng)站，而對(duì)于微博第4版(weibo v4)，相應(yīng)的微博組件的網(wǎng)址為: http://app.weibo.com/tool ，相比之下第5版的組件中丟失了第4版中很重要的"微博秀"組件.
下面來(lái)介紹我解決向博客園中成功嵌入微博秀且在http/https下均能顯示的方法：
1.獲取微博秀的參數(shù)uid和verifier
使用Chrome打開(kāi)微博登錄頁(yè)面 https://weibo.com， 然后打開(kāi)微博秀頁(yè)面 https://app.weibo.com/tool/we... ，接下來(lái)按F12，點(diǎn)擊開(kāi)發(fā)者工具導(dǎo)航欄中的Source。
選擇灰色的那個(gè)點(diǎn)開(kāi)，就可以看到相應(yīng)的html代碼：
然后另存為weiboshow.html放在本地，
最后修改代碼中光標(biāo)處的https為http，接著使用Chrome瀏覽器打開(kāi)本地的weiboshow.html，此時(shí)在左下角的框框中已出現(xiàn)uid和verifier。
事實(shí)上不保存為本地的html文件也行，在第2張圖對(duì)應(yīng)的html代碼中分別搜索"$uid", "$CONFIG.$checkKey"，取出=右邊的值，即可知uid="2606405674"和verifier="d5cf5ffc"。
2.對(duì)于第2個(gè)問(wèn)題，為使得微博秀既能在http 和https形式(分別對(duì)應(yīng)于https://www.cnblogs.com/enjoy233 和 http://www.cnblogs.com/enjoy2...，方法也很簡(jiǎn)單。
將從網(wǎng)頁(yè)左下角復(fù)制到的代碼中的src="http://" 改為src="http://" 即可。
3.解決問(wèn)題3目前已知如下3種方法(以上述截圖上微博的uid=2606405674&verifier=d5cf5ffc為例)：
a.復(fù)制左下角的代碼，在其基礎(chǔ)上 將iframe改為embed，刪除 frameborder="0"，貼進(jìn)公告即可，
相應(yīng)代碼為:
b.使用html5的另一個(gè)標(biāo)簽object.
目前本人博客正是使用這種方法，在移動(dòng)端也能正常顯示~
c.使用JavaScript去動(dòng)態(tài)拼接iframe，相應(yīng)代碼為:
將其貼進(jìn)公告即可。
d.將微博v5的版本應(yīng)用到微博秀上，直接使用微博官方提供的wb.js來(lái)解決，該方法微博v5的組件接口中"贊同"就是類(lèi)似的(參看網(wǎng)頁(yè)
https://open.weibo.com/widget... 末尾)。
最后一步還是將其貼進(jìn)公告。
親測(cè)可知，后面這種官方推薦的方法在移動(dòng)端也能正常顯示，但iframe有些瀏覽器(比如: iPhone自帶的Safari就不顯示)不支持。
ps: 點(diǎn)贊按鈕的相應(yīng)代碼為:
