Question

假设我的网站上有5个链接。（这5个链接与我网站上的普通链接不同。）这5个链接采用列表格式。 1如上所述：

Link 1
Link 2
Link 3
Link 4
Link 5

此处的目标是当访问者加载我的网页时，我网站上所有链接的所有网页都会显示在其网站的左侧。不是所有的链接。不是导航和其他链接，只是我指定的链接。我将在具有特定类/ id的div中拥有每组这些链接。（不确定这是否重要，只是注意到了。）

通过访问Googles S2 Converter，您可以获得任何网站的好处。这是通过访问

来完成的

http://www.google.com/s2/favicons?domain=www.fbi.gov

也许有办法编写一个javascript代码或PHP代码来获取从此请求收到的img并将其放在某个div或数据元素中？

谢谢！

Answer 1

1）在要修改的链接中添加一个特殊类。例如：

<a class="link-fav" href="www.mysite.com">Link A</a>

2）使用JavaScript，选择具有该类的所有元素，提取目标URL并在DOM中插入新图像，并将favIcon url作为源。

jQuery就像（未经测试）：

$('.link-fav').each(function(link){
  var url = link.attr('href');
  var favIcon = 'http://www.google.com/s2/favicons?domain='+url;
  var img = $('<img/>').attr('src', favIcon);
  img.insertBefore(link);
});

Answer 2

<?php 

$url[] = 'http://www.facebook.com/';
$url[] = 'http://www.myspace.com/';
$url[] = 'http://www.apple.com/';
$url[] = 'http://google.com/';

foreach($url as $value)
    echo '<img src="http://www.google.com/s2/favicons?domain='.$value.'" /> <br>';

?>

Answer 3

你可以像任何其他html＆lt;一样调用它。 img /＆gt;使用谷歌链接作为src：

<img src="http://www.google.com/s2/favicons?domain=www.fbi.gov" />

请参阅jsfiddle了解实例：http://jsfiddle.net/n67N2/2/

示例使用无序列表格式（＆lt; ul＆gt;）我假设这是列表格式链接的含义。

如何抓取favicons并从我链接到的网站加载到我的网站上？

3 个答案: