javascript - html 加载外部 url 图标

Question

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

如果您有 URL 列表，那么在为每个站点找到 favicon 并保持它们正常工作时就会出现问题。

如果没有这么复杂的 javasript，那么可能是另一个简单的 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>

Answer 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>