最新消息:点击查看大S的省钱秘笈

修改新浪微博及人人网浏览器分享书签代码抓取500px图片

电脑技巧 Slyar 211浏览 0评论

文章作者:姜南(Slyar) 文章来源:Slyar Home (www.slyar.com) 转载请注明,谢谢合作。

由于Flickr的没落,我在一个月前开始使用500px作为我的摄影存放地,而且升级成为了plus会员。500px的体验是非常好的,强烈推荐

由于500px不支持中文,同样也分享功能也只限于Facebook和twitter等英文网站,所以当我想将照片分享到国内的网站例如新浪微博,人人网时便有些力不从心,而且我也没有找到任何有效的中转机制来完成这个任务,无奈之下我只好自己动手了。

我想到的途径是浏览器的分享书签,这个东西不占用额外的内存,使用起来也非常灵活,想分享图片的时候点一下浏览器书签就可以了。唯一的问题是兼容性,不管是新浪微博提供的分享书签还是人人网提供的分享书签,目前都无法抓取500px里的图片,只能获取一个URL链接,这无疑是不够的,因为如果没有缩略图的话,其它访问者点击链接的概率会大大降低。

我需要的是这样的效果:

再研究了一下新浪微博和人人网提供的分享书签代码,以及500px页面结构和DOM相关知识后,我成功完成了这2个分享书签代码的改进。

我做的修改很简单,只是利用DOM将图片URL抓出来然后传给分享API,直接给成品。

新浪微博(<-把它拖到书签栏即可):

javascript:(function(){window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href) + '&pic=' + document.getElementsByTagName("Img")[3].src + '&source=bookmark','_blank','width=450,height=400');})()

人人网(<-把它拖到书签栏即可):

javascript:(function(){window.open('http://share.renren.com/share/buttonshare/post/4001?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href) + '&pic=' + document.getElementsByTagName("Img")[3].src + '&source=bookmark','_blank','width=626,height=436');})()

PS.小改了一下,之前用的是document.images[2].src,@soulteary说不靠谱,于是我就换成getElementsByTagName了...

转载请注明:Slyar Home » 修改新浪微博及人人网浏览器分享书签代码抓取500px图片

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (17)

  1. 你们真的好强啊,可以帮个忙吗?我的500PX地址是:https://500px.com/duron2504 微博:https://weibo.com/duron2504/profile?rightmod=1&wvr=5&mod=personnumber,谢谢了!!!
    独冗闻萃3年前 (2013-09-23)回复
  2. 3月2日,广东硅谷学院成功举办大型IT专场招聘会,3月4日揭东电视台对广东硅谷学院大型IT专场招聘会 进行报道 https://v.youku.com/v_show/id_XNTIyOTY4Nzgw.html
    爱伯乐网4年前 (2013-03-07)回复
  3. 500px的地址是多少呢?现在不是有很多云存储之类的空间可以做图床的吗
    茶话汇4年前 (2012-10-27)回复
  4. 还是有用的,看代码头晕啊。。。
    厚黑学学习网4年前 (2012-10-06)回复
  5. 博客不错,来踩踩,求回访
    进口汽车网4年前 (2012-09-27)回复
  6. 这个方法很不错,学习了,不会再来找你
    蓬勃主机4年前 (2012-09-24)回复
  7. 有空试 一下,不错的东西
    www.datacentersky.com4年前 (2012-09-12)回复
  8. 很少万新浪微博
    鲜活优惠码4年前 (2012-09-12)回复
  9. document.images .src.........我了个汗...第三张就是-,-...话说你可以用getElementByXXX来定位的..万一加个广告图神马,用insertbefore到0~2的位置,你的书签就和我一样,卖萌挂掉了。。
    苏洋4年前 (2012-09-08)回复
    • 木事,500px协议里写着,木有AD,老外比较有原则...getElementBy还得遍历搜索啊,太蛋疼了= =
      Slyar4年前 (2012-09-08)回复
      • 你的WP用MG12的模版有好久了,亲,一起换了它吧-,-...有半年了一直想重写模版,尼玛各种挤牙膏的活或者事情干扰- -。伤不起话说百度2013校招的题会很好玩嘛,想试一试"玩"。当然,某浪真心环境不错,舍不得离开的说。
        苏洋4年前 (2012-09-08)回复
        • 我听你的建议了。。。改成getElementsByTagName了。。。模版真心懒得换,大工程啊。。。
          Slyar4年前 (2012-09-08)回复
          • 嗯,所以typeecho+markdown输出blog是理想的方案之一(性能较好,结构和表现分离),不带一点结构。以前的数据在考虑要不要输出到CData里.模版确实工程量大,PSD,语义结构,降级兼容,性能优化(前+后端),然后还有SEO...
            苏洋4年前 (2012-09-08)
          • 我现在不该弄技术的。。。我错了。。。滚去学英语了。。。
            Slyar4年前 (2012-09-08)
          • 嗯,少年,刚叭嘚
            苏洋4年前 (2012-09-08)
  10. 沙发。
    苏洋4年前 (2012-09-08)回复