Javascript 从Amazon、eBay等网站提取.ico图标
我有一段代码,可以解析html页面的标题,查找以以下方式声明的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图像会像往常一
<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