香港cn2直连|美国cera
vps主机域名优惠活动分享!

调用API实现在友情链接前自动获取站点ico小图标

文章目录[隐藏]

今天分享如何在网站的友情链接前自动获取站点的favicon.ico小图标,用的是调用接口的方法,此代码采用了缓存机制,即不用每次都从各个友情链接网站的代码里面去抓取,非常方便实用。

然后用你的网址替换上面的“//XXXXX部分为需要获取的目标网站网址

例如:https://ico.wenytao.com/get.php?url=https://www.idc1680.com(获取的则是本站的ico小图标图片)

网址前面是http://则可以加也可以不加。但如果是https://头,则必须加上,否则获取不到图标。

演示

调用方法

具体效果可以到网站首页底部或者我的留言板页面的“内页链接”查看详细demo演示,此favicon图标采用了缓存机制,即不用每次都从各个友情链接网站的代码里面去抓取,代码只需要一小段js就行了,把这段js加到你网站页脚文件中:

<script type="text/javascript">
  $("#link-home li a,#linkcat-1 li a").each(function(e){
    $(this).prepend("<img src=https://ico.wenytao.com/get.php?url="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '').replace( 'http://', '' )+">");
  });</script>

或者把代码放入公用代码文件中调用:

jQuery(document).ready(function($){
  $("#link-home li a,#linkcat-1 li a").each(function(e){
    $(this).prepend("<img src=https://ico.wenytao.com/get.php?url="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '').replace( 'http://', '' )+">");
  });});

注意修改红色代码,就是友情链接的id或者class名。网上的很多方法都是通过调用google的api接口,但是google在大陆被屏蔽了,所以自然用不了,这里用的是本站友联IT屋博客的API接口。

赞(0)
未经允许不得转载:雪花测评 » 调用API实现在友情链接前自动获取站点ico小图标

评论 抢沙发

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