html 加载外部 url favicons答案

【问题标题】：html load external url faviconshtml 加载外部 url favicons
【发布时间】：2018-02-28 03:35:15
【问题描述】：

有没有办法从外部网站以 html 格式自动加载网站图标？也许特定的 javascript 会搜索和复制 favicon 路径并将它们放在“img”中。

如果您有 URL 列表，则为每个站点找到一个非常有问题的网站图标并保持它们正常工作。

如果没有这么复杂的javasript，那么也许是另一个简单的，它只使用“a href”url并将它们与“favicon.ico”放在“img”部分的末尾...... :)这将不起作用每个网址，但至少是一些东西。

谢谢

示例：

<div class=web>
<a href="https://web1.com/"><img src="https://web1.com/favicon.ico">WEB1.com</a>
<a href="https://web2.com/"><img src="https://web2.com/favicon.ico">WEB2.com</a>
...
</div>

【问题讨论】：

为什么你需要在 img 标签而不是链接标签中使用 favicon？
在将 .ico 附加到 img 元素之前，您需要将其转换为 base64。
我认为问题在于 ico 文件的名称不同。因此，您基本上应该不仅有网站 URL，还应该有 ico 文件的确切 URL。然后它就会以它在提供的示例中使用的方式工作。

标签： javascript html favicon

【解决方案1】：

Google 有一个 API 可以做到这一点。只需将目标域附加到 Google API URL，例如 https://www.google.com/s2/favicons?domain=example.org。

所以你的例子变成了：

<div class=web>
  <a href="https://web1.com/"><img src="https://www.google.com/s2/favicons?domain=web1.com">WEB1.com</a>
  <a href="https://web2.com/"><img src="https://www.google.com/s2/favicons?domain=web2.com">WEB2.com</a>
  ...
</div>

【讨论】：