Javascript 从Amazon、eBay等网站提取.ico图标

Javascript 从Amazon、eBay等网站提取.ico图标,javascript,html,Javascript,Html,我有一段代码,可以解析html页面的标题,查找以以下方式声明的ICO图像: <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> (我没有跨浏览器问题,因为我有扩展权限) 问题是每当我去这样的网站,比如,或者,他们的DOM标题中没有.ico图像,但是品牌的.ico图像会像往常一

我有一段代码,可以解析html页面的标题,查找以以下方式声明的ICO图像:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
(我没有跨浏览器问题,因为我有扩展权限)

问题是每当我去这样的网站,比如,或者,他们的DOM标题中没有.ico图像,但是品牌的.ico图像会像往常一样显示出来

我的问题是:
除了上面提到的方法之外,我们还有其他方法附加.ico图像吗?或者它们是如何附加的?

如果没有指定favicon,大多数浏览器都会在根目录中查找
favicon.ico
。这就是为什么favicon会显示,即使它没有在代码中声明

您可能有兴趣知道Google有一个用于favicons的小API,所以您可能不需要自己实现它

只需创建一个图像标签,并将
src
设置为以下内容:

http://www.google.com/s2/favicons?domain=amazon.com

…您将获得Amazon favicon。

favicon也可以放在网站的根目录下,大多数浏览器将尝试在那里搜索它们

例如,有关易趣图标或亚马逊favicon,请参见。

根据,有两种方法可将favicon添加到网站

方法1:

rel属性可用于添加favicon
示例:

方法2:

使用预定义的路径。某些浏览器会自动检查此路径,并显示favicon(如果存在)。 favicon的预定义路径是相对于服务器根文件夹的
“/favicon.ico”


您提到的没有链接rel标签的网站正在使用第二种方法。您可以通过直接查询预定义的URI来获取favicon。

//最初,favicon没有在任何地方显式链接或引用,浏览器只是假设它在站点根目录中的名称
favicon.ico
下可用。
否则{imageUrl='/'+websiteName+'/favicon.ico';}
http://www.google.com/s2/favicons?domain=amazon.com