javascript - 如何从我链接的网站抓取网站图标并将其加载到我的网站上？

Question

这个问题已经有答案了:

How to get a website's favicon with PHP? (14 个回答)

已关闭 9 年前。

假设我的网站上有 5 个链接。 (这 5 个链接与我网站上的普通链接不同。)这 5 个链接采用列表格式。 1 在另一个之上，如下所示:

Link 1
Link 2
Link 3
Link 4
Link 5

这里的目标是，当访问者加载我的页面时，我网站上所有链接的所有图标都将显示在其网站的左侧。不是所有的链接。不是导航和其他链接，只是我指定的链接。我会将每组链接放在具有特定类/ID 的 div 中。 (不确定这是否重要，只是注意到它。)

通过访问Google 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 并以 favIcon url 作为源在 DOM 中插入新图像。

使用 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);
});