调用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接口。