Https页面使用百度分享的解决方法

  发布时间:2018-02-07 16:13:58   作者:佚名   我要评论

详情页面使用了百度分享,导致http和https混用,可爱的小绿锁没了。所以我们必须修正它。已经有人处理了这个问题,所以我们直接做伸手党即可

开启全站 https 访问以来,分享代码一直不能用,启用了小绿标就成了灰标。唉,为了这个小绿标也是费尽了心,百度广告基本撤下了,百度站内搜索也基本费了,分享功能就是一摆设。有些研友问我,为啥不能分享呢?其实我不是不想分享,只是能力有限,无法解决这个问题。今天正好有空,准备解决一下这个分享的问题。

因此在网上搜了搜,发现有这样问题的还不少。不过幸好,有高人已经给出了这个问题的解决方法。

解决方法

解决方法来源于细语呢喃,注意网站可能被墙,需要代理,代码共享于 Gihhub。

总的解决思路是把百度的分享代码改成本地代码,这样就不用每次再经过 http 途径调用百度分享代码了。代码可以在 github 上下载。

解压后把 static 丢到站点根目录下即可。

相关文件下载地址:

http://bdimg.share.baidu.com/改为 /Github地址:https://github.com/hrwhisper/baiduShare

或者直接点击这里下载

下载解压得到static文件夹

 

然后修改我们引用的js即可

修改成:

.src='https://www.xxx.cn/inc/uploads/online/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

域名请修改成你自己的。ok,问题解决。百分分享又出现了! 

相关文章

  • 跨域图片资源权限(CORS enabled image)

    这篇文章主要介绍了跨域图片资源权限(CORS enabled image)的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-17
  • 教你如何优雅的实现垂直居中(推荐)

    这篇文章主要给大家介绍了关于如何优雅的实现垂直居中的相关资料,文中分别给大家介绍了已知宽高的元素、未知宽高的元素以及基于 Flexbox 的解决方案,都分别给出了示例代
    2018-09-12
  • 浅谈移动端适配大法

    这篇文章主要介绍了浅谈移动端适配大法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-05
  • 关于移动端页面强制竖屏的方法

    有经验的你肯定知道,当用户竖屏打开时,提示说你要把手机转过来是在是件很傻×的事情。这时如果用户没开启手机里的横屏模式,还要逼用户去开启。这时候用户早就不耐烦了。
    2018-08-27
  • 关于rem适配的3种常用封装

    这篇文章主要给大家介绍了关于rem适配的3种常用封装,文中通过示例代码介绍的非常详细,对各位前端开发者们具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学
    2018-07-13
  • 实现横向滚动条的2种方法示例

    横向滚动条怎么出来?很多人肯定以为是:overflow-x:scroll;当然不是这么简单的,下面这篇文章主要给大家介绍了关于如何实现横向滚动条的2种方法,文中通过示例代码介绍的
    2018-07-06
  • 让https网站发送 referrer https 与 http 跳转 referer 的问题

    最近网站改版很多时候发现广告客户提示找不到来自我们网站的数据,原来是因为我们最近升级了https导致,经过搜索找到如下解决方法,需要的朋友可以参考下
    2018-07-06
  • 关于IE10以下的img标签问题解决

    这篇文章主要给大家介绍了关于IE10以下的img标签问题的解决方法,文中给大家介绍了两种解决方法,大家可以根绝自己的情况选择合适代码解决该问题,需要的朋友可以参考借鉴
    2018-07-02
  • 详解Web前端性能优化详解之资源合并与压缩

    这篇文章主要介绍了详解Web前端性能优化详解之资源合并与压缩,详细的介绍资源合并与压缩的案例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来
    2018-06-19
  • 浅谈网页基本性能优化规则小结

    这篇文章主要介绍了浅谈网页基本性能优化规则小结的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-07

最新评论