您的位置:主页 > HTML/JS > 通过Google获取站点的Favicon

通过Google获取站点的Favicon

这是博客搬家之后的第一篇文章,第一个是测试下代码高亮,主要当然是分享一下通过google获取favicon。

往往大家在添加友情链接时,喜欢配上站点的favicon,这样感觉更加的好看。如果通过手动修改不免是件分麻烦的事情,通过“哥”的favicon缓存来获取再好不过了,如果获取了就返回该站的图标,如果没有查询到就返回一个地球的图标。我用jQuery写的,至于参数O就是友情链接的节点啦

var addFavicon= function(o){
	var $o = $(o);
	$("li",$o).each(function(i){
		var $this = $(this);
		var $a = $(this).find("a");
		var url ='http://www.google.com/s2/favicons?domain='+$a.attr("href").replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' );
		$this.css({
		'backgroundImage':"url('"+url+"')",
		'backgroundPosition':'left 5px',
		'backgroundRepeat':'no-repeat',
		'paddingLeft':'20px'
		})
  	});
}

作者:ariesjia

前端少先队员,光荣的红领巾在胸前飘扬

继续八卦

已经4条留言

  1. Ludou On 2010年04月23日5:26 下午

    代码未正常换行!

    测试环境:Firefox 3.6.3

    • Ariesjia On 2010年04月24日1:27 下午

      确实有这个问题,我都没注意,谢谢提醒

  2. Charley Cipriani On 2010年11月20日12:22 上午

    Nice!

  3. 超級efly On 2014年08月15日4:36 下午

    前來支持一下~~可惜現在Google被封掉了… 🙁
    BTW:我也找到另外一個獲取favicon的網站:http://g.etfv.co/http://www.arefly.com ~下次可以去試試~~ 😀
    PS:歡迎訪問AREFLY.COM~~ 😛
    PPS:貴站的英文字體非常不錯! XDD

留言万岁!吹水有益健康!

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据