文档章节

修改百度分享为本地分享(主要为了解决本地https访问http产生的警告问题)

小翔
 小翔
发布于 2015/01/15 09:31
字数 612
阅读 184
收藏 0
  1. 进入界面:

<!DOCTYPE html>

<html>

 <head>

  <link rel="stylesheet" href="./css/normalize.css" />

  <link rel="stylesheet" href="./css/share_popup.css" />

  <link rel="stylesheet" href="./css/share_style.css" />

  <script src="./js/jquery-1.9.1.min.js"></script>

  <script src="./js/share.min.js" charset="UTF-8"></script>

  <script type="text/javascript" src="./js/jquery.qrcode.min.js"></script>

  <script type="text/javascript">

   sjson={

      
url:'https://www.ebaoquan.org/news/5'
,

      title:'新闻标题',

      pics:'http://6.su.bdimg.com/skin_plus/308.jpg?2'

   };

  </script>

 </head>

 <body>

  <div id="mpshare">

   <div class="bdsharebuttonbox bdshare-button-style1-24">

    <a title="分享到QQ空间" href="#" data-cmd="qzone"/>

    <a title="分享到新浪微博" href="#" data-cmd="tsina"/>

    <a title="分享到腾讯微博" href="#" data-cmd="tqq"/>

    <a title="分享到人人网" href="#" data-cmd="renren"/>

    <a title="分享到微信" href="#" data-cmd="weixin"/>

    <a title="分享到百度贴吧" href="#" data-cmd="tieba"/>

   </div>

  </div>

 </body>

</html>

2.share.js:

 /**
分享内容
reference bd_share;
*/
var sjson={url:'',title:'',pics:''};
$(function(){
    var cmd={
  'qzone':{"d":{"desc":"","summary":"",site:""},"u":"http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey"},
  'tsina':{"d":{"appkey":"1343713053","searchPic":"true"},"u":"http://service.weibo.com/share/share.php"},
  'tqq':{"d":{"c":"share","a":"index","appkey":"801cf76d3cfc44ada52ec13114e84a96"},"u":"http://share.v.t.qq.com/index.php"},
  'renren':{"d":{"description":""},"u":"http://widget.renren.com/dialog/share"},
  'weixin':{"d":{},"u":""},
  'tieba':{"d":{"c":"share","a":"index","appkey":"801cf76d3cfc44ada52ec13114e84a96"},"u":"http://tieba.baidu.com/f/commit/share/openShareApi"}
 }
 $("#mpshare .bdsharebuttonbox a").click(function(){
     var type=$(this).attr("data-cmd");
  var t=cmd[type];
  var params={};
  if(type=='renren'){
     var rj={"resourceUrl":sjson.url,"srcUrl":sjson.url,"description":"","title":sjson.title,"pic":sjson.pics}
     params=$.extend({},t.d, rj);
  }else if(type=='weixin'){
     if($("#weixin_qrcode_dialog").size()==0){
         $("body").append("<div class=\"weixin_popup\" id=\"weixin_qrcode_dialog\" "+
                    "style=\"width: 240px; height: 300px; display: none;\" >"+
        "<div class=\"weixin_popup_head\"><span>分享到微信朋友圈</span>"+
        "<a class=\"weixin_popup_close\" onclick=\"return false;\" href=\"#\">×</a>"+
        "</div><div class=\"weixin_popup_main\" id=\"weixin_qrcode_dialog_qr\"></div>"+
        "<div class=\"weixin_popup_foot\">打开微信,点击底部的“发现”,<br>使用“扫一扫”即可将网页分享至朋友圈。</div></div>");
    
    $("#weixin_qrcode_dialog_qr").qrcode({ 
     render: "table",
     width:200,height:200,
     text: sjson.url,
     correctLevel: 2
    }).append("<img src='../share/img/icon.png' width='40' height='40' style='position:relative;top:-120px;right:-80px;' >");
    $(".weixin_popup_close").click(function(){
       $("#weixin_qrcode_dialog").hide();
    });
     }
      var winfo=getWinInfo();
   $("#weixin_qrcode_dialog").css({
     left: (winfo.winWidth-240)/2, 
     top:  (winfo.winHeight-300)/2  
   });
   $("#weixin_qrcode_dialog").show();
  }else{
     params=$.extend({},t.d, sjson);
  }
  var s="";var i=0;
  $.each(params,function(k,v){
   if(i>0)s+="&";else i++;
   s+=k+'='+encodeURIComponent(v);
  })
  if(s.length>0){
   window.open(t.u+"?"+s);
  }
 });
}); 
function getWinInfo(){
    var info={};
 if (window.innerWidth)
  info.winWidth = window.innerWidth;
 else if ((document.body) && (document.body.clientWidth))
  info.winWidth = document.body.clientWidth;
 if (window.innerHeight)
  info.winHeight = window.innerHeight;
 else if ((document.body) && (document.body.clientHeight))
  info.winHeight = document.body.clientHeight;
 if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
 {
  info.winHeight = document.documentElement.clientHeight;
  info.winWidth = document.documentElement.clientWidth;
 }
 return info;
}

效果如下:

360网盘:

http://yunpan.cn/cybq7trzRXRXq  提取码 d43c

© 著作权归作者所有

小翔
粉丝 12
博文 45
码字总数 21103
作品 0
江北
程序员
私信 提问
加载中

评论(6)

p
pop59461

引用来自“小翔”的评论

引用来自“pop59461”的评论

我的解决方法,更加简单粗暴一点,你可以试试。
《巧用七牛CDN的镜像功能使百度分享支持HTTPS》
https://iyaozhen.com/use-qiniu-image-storage-allow-baidu-share-support-https.html

还是自个写吧,要商用的,什么时候不行就囧了
其实相当于本地化了,百度服务有变动也不会有影响。
小翔
小翔 博主

引用来自“pop59461”的评论

我的解决方法,更加简单粗暴一点,你可以试试。
《巧用七牛CDN的镜像功能使百度分享支持HTTPS》
https://iyaozhen.com/use-qiniu-image-storage-allow-baidu-share-support-https.html
话说现在web的分享都不准了,感觉各大网站的api人家都不爱支持web端了,做分享确认真是囧呀。
小翔
小翔 博主

引用来自“pop59461”的评论

我的解决方法,更加简单粗暴一点,你可以试试。
《巧用七牛CDN的镜像功能使百度分享支持HTTPS》
https://iyaozhen.com/use-qiniu-image-storage-allow-baidu-share-support-https.html

还是自个写吧,要商用的,什么时候不行就囧了
p
pop59461
我的解决方法,更加简单粗暴一点,你可以试试。
《巧用七牛CDN的镜像功能使百度分享支持HTTPS》
https://iyaozhen.com/use-qiniu-image-storage-allow-baidu-share-support-https.html
小翔
小翔 博主

引用来自“maiziqing”的评论

你好,想请教一下,改为本地分享以后,还有办法用百度的数据分析吗
这个我不清楚哦,本地分享后应该没有和百度交互的。直接使的分享平台的接口了。不过我刚看了百度的分享现在还是不能用https的。
m
maiziqing
你好,想请教一下,改为本地分享以后,还有办法用百度的数据分析吗
借助腾讯云CDN开启全站https及问题解决分享

版权声明:本文由张戈原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/78 来源:腾云阁 https://www.qcloud.com/community 自从百度推荐全站 https 以来...

偶素浅小浅
2016/11/02
29
0
分分钟教你用node.js写个爬虫

写在前面 十分感谢大家的点赞和关注。其实,这是我第一次在上写文章。因为我也是前段时间偶然之间才开始了解和学习爬虫,而且学习node的时间也不是很长。虽然用node做过一些后端的项目,但其...

MagicEyess
2018/07/19
0
0
Kubernetes运行监控-使用Helm快速部署Prometheus和Grafana

Kubernetes运行监控-使用Helm快速部署Prometheus和Grafana 使用Helm快速部署Pormetheus和Grafana非常方便,很多手工部署的方法不再需要了。 Kubernetes运行监控分为宿主机、容器以及Kuberne...

openthings
2018/06/12
2.5K
0
如何将网站升级为HTTPS协议?

基本概念: HTTP: 是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准,用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输...

it1000001001
2017/05/12
706
0
如何将网站升级为HTTPS协议?

基本概念: HTTP: 是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准,用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输...

GavinHsueh
2017/09/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 如果是个帅小伙你愿意和他出去吗

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 小小编辑推荐:《Ghost 》游戏《死亡搁浅》原声 《Ghost 》游戏(《死亡搁浅》原声) - Au/Ra / Alan Walker 手机党少年们想听歌,请使劲儿戳...

小小编辑
今天
173
6
java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
16
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
19
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部