国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

目前可用的微博秀的嵌入方法大全(親測2019年2月仍有效)

luckyyulin / 3001人閱讀

摘要:對于第個問題,為使得微博秀既能在和形式分別對應于和,方法也很簡單。將微博的版本應用到微博秀上,直接使用微博官方提供的來解決,該方法微博的組件接口中贊同就是類似的參看網頁末尾。

當今最全面可用的微博分享組件嵌入方法(親測2019年2月仍有效)

最近一直在找一種目前可用的微博分享組件的使用方法,發現有3個大坑:

向網頁嵌入微博秀時,需要的uid簡單,但需要的verifier值有點難獲取,原因在于原生成微博秀頁面的 url 及其子鏈接均會被強制從http重定向跳轉到https,此外其response中部分css引用失敗導致頁面無法完整顯示;

https頁面是沒法調用http下的js和css的;

微博秀是需要用iframe來嵌入的,博客園默認不支持iframe標簽,可通過構造字符串的方式添加iframe來解決,也可以直接用embed標簽替換掉iframe。

對于微博第5版(weibo v5),其相應的微博組件的網址為: https://open.weibo.com/widgets ,
及其具體使用方法為: 微博秀-新浪微博JSSDK官方網站,而對于微博第4版(weibo v4),相應的微博組件的網址為: http://app.weibo.com/tool ,相比之下第5版的組件中丟失了第4版中很重要的"微博秀"組件.

下面來介紹我解決向博客園中成功嵌入微博秀且在http/https下均能顯示的方法:
1.獲取微博秀的參數uid和verifier
使用Chrome打開微博登錄頁面 https://weibo.com, 然后打開微博秀頁面 https://app.weibo.com/tool/we... ,接下來按F12,點擊開發者工具導航欄中的Source。

選擇灰色的那個點開,就可以看到相應的html代碼:

然后另存為weiboshow.html放在本地,

最后修改代碼中光標處的https為http,接著使用Chrome瀏覽器打開本地的weiboshow.html,此時在左下角的框框中已出現uid和verifier。

事實上不保存為本地的html文件也行,在第2張圖對應的html代碼中分別搜索"$uid", "$CONFIG.$checkKey",取出=右邊的值,即可知uid="2606405674"和verifier="d5cf5ffc"。

2.對于第2個問題,為使得微博秀既能在http 和https形式(分別對應于https://www.cnblogs.com/enjoy233 和 http://www.cnblogs.com/enjoy2...,方法也很簡單。
將從網頁左下角復制到的代碼中的src="http://" 改為src="http://" 即可。

3.解決問題3目前已知如下3種方法(以上述截圖上微博的uid=2606405674&verifier=d5cf5ffc為例):
a.復制左下角的代碼,在其基礎上 將iframe改為embed,刪除 frameborder="0",貼進公告即可,
相應代碼為:

b.使用html5的另一個標簽object.


    Embedded data failed to be displayed.

目前本人博客正是使用這種方法,在移動端也能正常顯示~

c.使用JavaScript去動態拼接iframe,相應代碼為:

將其貼進公告即可。

d.將微博v5的版本應用到微博秀上,直接使用微博官方提供的wb.js來解決,該方法微博v5的組件接口中"贊同"就是類似的(參看網頁
https://open.weibo.com/widget... 末尾)。




最后一步還是將其貼進公告。
親測可知,后面這種官方推薦的方法在移動端也能正常顯示,但iframe有些瀏覽器(比如: iPhone自帶的Safari就不顯示)不支持。

ps: 點贊按鈕的相應代碼為:




對于上述幾種方法,讀者只需將uid=2606405674&verifier=d5cf5ffc換為自己微博的相應值即可。

如果偶爾出現如下問題,是正常的,刷新一下就可以解決,原因是微博官方的API有時會出故障。

好啦,此時所以的問題都解決了,希望對君有用。至于豆瓣秀就很簡單了,打開豆瓣收藏秀 https://www.douban.com/servic...,將相應的js貼到公告中即可(同樣需要src="http://" 改為src="http://")。

關于微博API,今天還學到一招 - 微博未登陸時重定向提醒用戶登錄:
https://passport.weibo.cn/sig...
手機版passport.weibo.cn與PC版passport.weibo.com共用cookie喔~

原創不易,記得支持一下喔~

本文首發于本人博客園博客:https://www.cnblogs.com/enjoy....

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/101657.html

相關文章

  • 前端小白也能快速學會的博客園博客美化全攻略

    摘要:前端小白也能快速學會的博客園博客美化全攻略呦,博客園的自我修養是什么第一條,別只顧收藏和偷師呀,記得點推薦或關注本人喔美化方法論簡介一般而言,需要選一個默認的,然后在該基礎上調整。或者也可進博客園園子頁面,發狀態博客園團隊,申請開通權限。 前端小白也能快速學會的博客園博客美化全攻略 A呦V,博客園er的自我修養是什么?第一條,別只顧收藏和偷師呀,記得點推薦或關注本人喔~ 美化方法論簡...

    StonePanda 評論0 收藏0
  • 前端開發者手冊2019

    摘要:年,和前端開發者與應用程序前端開發者之間產生了巨大的分歧。開發最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后,前端開發者可以從瀏覽器開發中學習到,編寫代碼不需要考慮瀏覽器引擎的限制。 前端開發者手冊2019 Cody Lindley 編著 原文地址 本手冊由Frontend Masters贊助,通過深入現代化的前端工程課程來提高你的技能。 下載:PDF ...

    church 評論0 收藏0
  • 前端開發者手冊2019

    摘要:年,和前端開發者與應用程序前端開發者之間產生了巨大的分歧。開發最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后,前端開發者可以從瀏覽器開發中學習到,編寫代碼不需要考慮瀏覽器引擎的限制。 前端開發者手冊2019 Cody Lindley 編著 原文地址 本手冊由Frontend Masters贊助,通過深入現代化的前端工程課程來提高你的技能。 下載:PDF ...

    xiao7cn 評論0 收藏0
  • 前端開發者手冊2019

    摘要:年,和前端開發者與應用程序前端開發者之間產生了巨大的分歧。開發最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后,前端開發者可以從瀏覽器開發中學習到,編寫代碼不需要考慮瀏覽器引擎的限制。 前端開發者手冊2019 Cody Lindley 編著 原文地址 本手冊由Frontend Masters贊助,通過深入現代化的前端工程課程來提高你的技能。 下載:PDF ...

    鄒立鵬 評論0 收藏0
  • 1月第1周業務風控關注| 國家網信辦啟動專項行動 劍指12類違法違規互聯網信息

    摘要:國家網信辦啟動專項行動劍指類違法違規互聯網信息近日,針對網絡生態問題頻發各類有害信息屢禁不止等突出問題,為積極回應民眾關切,國家網信辦啟動網絡生態治理專項行動。中國鐵路總公司官方微博回應網傳信息不實,網站未發生用戶信息泄露。 易盾業務風控周報每周呈報值得關注的安全技術和事件,包括但不限于內容安全、移動安全、業務安全和網絡安全,幫助企業提高警惕,規避這些似小實大、影響業務健康發展的安全風...

    張巨偉 評論0 收藏0

發表評論

0條評論

luckyyulin

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<