如何使用 JavaScript 获取网站的图标？

Question

我想知道是否可以通过带有 JavaScript 的 URL 获取网站的图标。

例如，我有 URL http://www.bbc.co.uk/ 我想获取 <link rel="icon" .../> 元标记 - http://www.bbc.co.uk/favicon.ico 中描述的图标的路径

我有很多 URL，因此不应加载每个页面并搜索 link 我认为的标签。

有任何想法吗？

原文由 hsz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以为此使用 YQL

 http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D"http://bbc.co.uk/"and%20xpath%3D" /html/head/link[@rel%3D'icon']%20|%20/html/head/link[@rel%3D'ICON']%20|%20/html/head/link[@rel% 3D'shortcut%20icon']%20|%20/html/head/link[@rel%3D'SHORTCUT%20ICON']"&format=json&callback=grab

Display Feed Favicons Greasemonkey 脚本 使用此查询。

您可以在 YQL 控制台中编写查询，但它需要登录（顺便说一句，使用查询不需要）：

 http://developer.yahoo.com/yql/console/#h=select%20*%20from%20html%20where%20url%3D%22http%3A//bbc.co.uk/%22and%20xpath%3D% 22/html/head/link%5B@rel%3D%27icon%27%5D%20%7C%20/html/head/link%5B@rel%3D%27ICON%27%5D%20%7C%20/ html/head/link%5B@rel%3D%27shortcut%20icon%27%5D%20%7C%20/html/head/link%5B@rel%3D%27SHORTCUT%20ICON%27%5D%22

它比 http://www.google.com/s2/favicons?domain=www.domain.com 更好，以防 favicon 存在，但不在 domain.com/favicon.ico 中

原文由 NVI 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

这里有 2 个工作选项，我测试了 100 多个 url，每个选项都得到了不同的结果。请注意，此解决方案不是 JS ，而是 JS 可能不是必需的。

 <!-- Free -->
<img height="16" width="16" src='http://www.google.com/s2/favicons?domain=www.edocuments.co.uk' />
<!-- Paid -->
<img height="16" width="16" src='http://grabicon.com/edocuments.co.uk' />

原文由 Blowsie 发布，翻译遵循 CC BY-SA 3.0 许可协议