Top

Mob的Web社会化分享功能的BUG


我的每一篇博客文章的底部都会有一个分享按钮,点击就可以实现分享功能,我使用的社会化分享平台是Mob家针对于Web平台的WebShare,但大家并不知道为了实现这个分享功能可是把我的头都给弄大了。至于整个分享代码的部署过程我就不说了,官方的开发文档都有,我需要郑重说明的是:

如果你直接按照官方文档上说的那样部署好了你的分享功能,那么我告诉你,很可能你的分享按钮点击无效!

Mob的WebShare分享功能的问题

起初我修改完主题模板并部署好Mob的WebShare代码后,在本地测试时(localhost:4000),分享按钮点击后可以正常弹出盒子,各个分享图标也都正常显示,但一旦上传后用域名访问我的博客时就出问题了:分享按钮点击没反应。我于是在手机上用浏览器(小米浏览器)访问博客,点击分享按钮却能正常显示分享盒子,接着用手机端的Chrome访问博客,点击分享按钮却又无反应。。。

我于是通过各种方法来查出问题究竟在哪,难道这个分享功能还不能支持部分浏览器?或者只支持移动端网站?我检查并修改了分享按钮的样式代码、分享模块的代码,但都无济于事,可以说是见鬼了,我又仔细的读了Mob官方的开发文档,并改了一几处细微的部分,也重新换了分享盒子的弹出样式,没用!心里真不是滋味,并且也充满了疑惑。

查出问题原因

到第二天,我尝试利用Chrome的控制台看看有什么错误信息,也就是它让我及时发现并解决了这一问题,在我按下F12之后,下面几行红红的错误信息立马引起了我的注意,我把错误信息进行了翻译,结果的大致意思是说:引入了什么不安全的脚本,我再回去看了分享模块下面引入的js文件,这个js文件的协议头是http,我尝试改成https再重新生成和长传,天哪!点击分享按钮后终于能正常显示出分享盒子了!

问题分析

其实这只是一个字母的事情,谷歌浏览器我们都知道,对https十分敏感,对于未使用SSL加密的网站都会毫不留情的在地址栏开头打上一个“不安全”的字样,更别说使用http协议头引入的脚本了。少数浏览器不会把http安全看的太重,所以对引入的一些http协议头的脚本会采取“放行”。这个问题我也和Mob的客服人员进行了反映,而他们却表示已经不对WebShare产品进行维护了,这个我也没什么好说的了。

最后提醒大家在使用Mob的WebShare时,一定要把引入的脚本链接协议头改成“https”,这样所有浏览器会视为安全脚本才能执行


未经允许不得转载: 小吴博客 » Mob的Web社会化分享功能的BUG