百度分享组件,在https站点解决方案

本文阅读 2 分钟
广告

百度社会化分享是个很给力的分享组件,直接从官方获取代码就可以让网站具备分享的功能,而且很大程度上都可以自己定义。但是这个分享组件也有一个坑爹的地方,就是在https站点下,无法正常显示,百度的远程js链接会被识别为不安全导致直接被拦截,如果取消拦截,https的显示就会变红,特别坑爹。
其实关于解决的思路,就是把js本地化,问题在于只本地化一个还是不行的,需要与之相关的一整套,不过还好就是GitHub上有人给出了相关插件。

下载地址:点击进入

安装教程如下:

1.首先我们看看百度的分享代码:

<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
    <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

可以看到,关键的远程js只有一句:

http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js

2.那么第二步就是,解压github下载的插件,将里面static文件夹放到自己网站的根目录,然后将百度的地址改为你的https地址,比如:

https://www.ruletree.club/static/api/js/share.js?v=89860593.js

资料参考csdn博客,用户灿尔哈擦苏

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.ruletree.club/archives/586/
Font Awesome图标字体库,使用体验
« 上一篇 03-15
Ubuntu系统实现windows远程登录
下一篇 » 03-19
广告

发表评论

成为第一个评论的人

作者信息

热门文章

标签TAG

热评文章