目前可用的微博秀的嵌入方法大全(亲测2019年2月仍有效) 1
当今最全面可用的微博分享组件嵌入方法(亲测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/weiboshow ,接下来按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/enjoy233)下访问博客均能使用,方法也很简单。
将从网页左下角复制到的代码中的src=“http://” 改为src="//" 即可。
3.解决问题3目前已知如下3种方法(以上述截图上微博的uid=2606405674&verifier=d5cf5ffc为例):
a.复制左下角的代码,在其基础上 将iframe改为embed,删除 frameborder=“0”,贴进公告即可,
相应代码为:
<embed width="100%" height="550" class="share_self" scrolling="no" src="//widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=2606405674&verifier=d5cf5ffc&dpc=1"></embed>
b.使用html5
的另一个标签object
.
<object data="//widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=1763628267&verifier=a1171a80&dpc=1" width="100%" height="550" type="text/html">Embedded data failed to be displayed.
</object>
目前本人博客正是使用这种方法,在移动端也能正常显示~
c.使用JavaScript去动态拼接iframe,相应代码为:
<div id="weiboshow">
<script type="text/javascript">var weibocode = '<if'
weibocode += 'rame width="100%" height="550" class="share_self" frameborder="0" scrolling="no" src="//widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=2606405674&verifier=d5cf5ffc&dpc=1"></iframe>';
document.getElementById('weiboshow').innerHTML = weibocode;</script>
</div>
将其贴进公告即可。
d.将微博v5的版本应用到微博秀上,直接使用微博官方提供的wb.js
来解决,该方法微博v5的组件接口中"赞同"就是类似的(参看网页
https://open.weibo.com/widget/like.php 末尾)。
<html xmlns:wb="//open.weibo.com/wb">
<script src="//tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script><wb:show uid="2606405674" width="850" verifier="d5cf5ffc"></wb:show>
最后一步还是将其贴进公告。
亲测可知,后面这种官方推荐的方法在移动端也能正常显示,但iframe
有些浏览器(比如: iPhone自带的Safari就不显示)不支持。
ps: 点赞按钮的相应代码为:
<html xmlns:wb="//open.weibo.com/wb">
<script src="//tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script><div>
<wb:follow-button uid="1763628267" type="red_3" width="100%" height="90"></wb:follow-button>
</div>
对于上述几种方法,读者只需将uid=2606405674&verifier=d5cf5ffc换为自己微博的相应值即可。
如果偶尔出现如下问题,是正常的,刷新一下就可以解决,原因是微博官方的API有时会出故障。
好啦,此时所以的问题都解决了,希望对君有用。至于豆瓣秀就很简单了,打开豆瓣收藏秀 https://www.douban.com/service/badgemaker,将相应的js贴到公告中即可(同样需要src=“http://” 改为src="//")。
关于微博API,今天还学到一招 - 微博未登陆时重定向提醒用户登录:
https://passport.weibo.cn/signin/login?r=http%3A%2F%2Flegege007.coding.me%2FBeautify-cnblogs%2FweiboWidgets%2Fweiboshow
手机版passport.weibo.cn与PC版passport.weibo.com共用cookie喔~
原创不易,记得支持一下喔~
本文首发于本人博客园博客:https://www.cnblogs.com/enjoy233/p/10349500.html.
目前可用的微博秀的嵌入方法大全(亲测2019年2月仍有效) 1相关推荐
- 目前可用的微博秀的嵌入方法大全(亲测2019年2月仍有效)
当今最全面可用的微博分享组件嵌入方法(亲测2019年2月仍有效) 最近一直在找一种目前可用的微博分享组件的使用方法,发现有3个大坑: 向网页嵌入微博秀时,需要的uid简单,但需要的verifier值有 ...
- Bartender安装时间长,安装成功后未跳出激活界面的解决方法,亲测2019和2021版
1.电脑需要先安装.net,否则bartender安装成功后跳不出激活界面,无法激活 2.因为软件在安装过程中会下载SQL,建议全程联网安装,否则没有联互联网,安装的速度会搞到你怀疑人生
- webstorm 2018 激活破解方法大全 亲测第三个有用
进入http://idea.lanyus.com/,如图: 下载http://idea.lanyus.com/jar/JetbrainsCrack-3.1-release-enc.jar . 然后将补 ...
- vs2017/2019无法登陆:我们无法刷新此账户的凭据,解决方法(亲测可用)
vs2017/2019无法登陆:我们无法刷新此账户的凭据,解决方法(亲测可用) VS一直未登录使用,30天的试用期过后,需要登陆微软账户才能继续使用,登录VS2017/2019时报错:"出现 ...
- iphone 扩容测试软件,六个扩大iPhone储存空间的方法,亲测有效!
原标题:六个扩大iPhone储存空间的方法,亲测有效! 对于热爱摄影的iPhone用户来说,最担心的不是iPhone的拍照功能,而是它的储存空间.好不容易拍了一组十分满意的照片,却因为剩余内存太少而无 ...
- 最新微信8.0.1抢红包神器-亲测2021年2月11日可用-安卓IOS
最新微信8.0.1抢红包神器-亲测2021年2月11日可用-安卓&IOS 文章目录 概述 效果图 使用指南 获取方式 概述 今晚就过年了,相信很多朋友在微信群能收到很多红包,但是过年可能吃的更 ...
- Office LTSC 专业增强版 2021 显示“你的许可证并非XX”横幅解决方法(亲测有效,2016专业增强版同样适用,其他版本自行测试)
标题: Office LTSC 专业增强版 2021 显示"你的许可证并非XX"横幅解决方法(亲测有效,2016专业增强版同样适用,其他版本请自行测试) 问题描述: 我们在使用 O ...
- 解决docker拉取镜像慢的方法(亲测有效)
文章目录 换源解决docker拉取镜像慢的方法(亲测有效) 遇到问题 解决方法 结果展示 后记 参考 换源解决docker拉取镜像慢的方法(亲测有效) 遇到问题 使用docker拉取 Jupyter ...
- 已解决java.lang.NoClassDefFoundError异常的正确解决方法,亲测有效!!!
已解决java.lang.NoClassDefFoundError异常的正确解决方法,亲测有效!!! 文章目录 报错问题 报错原因 解决方法 NoClassDefFoundError解决示例 福利 报 ...
- adb devices 找不到设备的解决方法,亲测,超管用
adb devices 找不到设备的解决方法,亲测,超管用 参考文章: (1)adb devices 找不到设备的解决方法,亲测,超管用 (2)https://www.cnblogs.com/sjq1 ...
最新文章
- Ubuntu18.04 误删/usr/bin/python3的解决方案
- colab中的变量怎么读取_Fizyr Retinanet在Colab中进行目标检测
- 做项目时用到的linux知识
- Jmeter模拟不同带宽进行测试
- Chrome 插件开发-主动获取所有页签的tabid,background.js直接向所有页签同步传递消息
- 线性代数之矩阵偏导续
- 聚类分析1:层次聚类
- 【AI视野·今日CV 计算机视觉论文速览 第194期】Mon, 10 May 2021
- Go Web编程--使用Go语言创建静态文件服务器
- 牛客网编程题04--字符串处理
- 11.2.0.3.0 PATCH SET FOR ORACLE DATABASE SERVER for windows (32bit)
- JDK ThreadLocal解析
- 苹果手机远程服务器桌面,如何进行远程管理?如何实现苹果手机远程管理电脑?...
- plc通讯的握手信号_PLC工程师教你:从原理搞懂RS485串口通讯
- Cadence 元器件封装库命名规范
- 基于网络的服装定制MTM系统研究 - 硕士论文 - 道客巴巴
- 2019年最新从PayPal提现到国内银行的方法(实战教程)!
- 计算机导论论文论题,计算机导论专业论文题目 计算机导论毕业论文题目怎么定...
- 浙江学生头戴“金箍”,上课走神自动通知家长
- 无法将数据库从SINGLE_USER模式切换回MULTI_USER模式(Error 5064),及查找SQL Server数据库中用户spid(非SQL Server系统spid)的方法...
热门文章
- System V消息队列报Resource temporarily unavailable 错误
- chessbase(ChessBase Mega)
- 魔兽争霸 java_魔兽争霸3Java问题
- 就计算机应用领域而言航天器,婴幼儿耳道长耵聍,应该用()工具取出A.耳挖勺B.火柴棍C.棉签D.卡子...
- 《职场人士必读的88个寓言》摘要
- 用计算机计算实发工资,工资税率计算器 个税反推应发工资计算公式
- 蓝牙4.0BLE 芯片cc2540和cc2541 128x64 oled显示屏驱动
- 不小心格式化了硬盘怎么恢复数据?
- 多头平仓,白糖再度下跌
- 利用计算机及网络系统支持考试的方式是,2012年7月全国自主考试(网络操作系统)真题...