javascript - 在客户端确定 favicon 文件（.ico 扩展名）？

Question

我知道这是可能的，因为这就是小书签在诸如美味之类的社交书签网站上的工作方式。

1. 谷歌有一个 API 可以为你提取它，但它只有大约 80% 的时间有效。

2. 检查默认位置 host.com/favicon.ico 并不经常工作，可能是 50%。

我正在寻找的链接如下所示：

<link href="/static/27009/images/favicon.ico>
<link rel="shortcut icon" href="/static/favicon.ico" />

一个想法是将网站加载到visibility:noneiframe 中并通过在文本中搜索xxxx.ico.

或者，如果可以访问 iframe dom 并以这种方式获取它。

如何拉图标位置客户端？

Answer 1

如果你不关心旧浏览器，你可以使用document.querySelector来获取 favicon<link>元素：

var link,
    favicon;
link = document.querySelector('link[rel="shortcut icon"]');
favicon = link ? link.href : '/favicon.ico';