谷歌Chrome多个favicon

时间:2015-01-22 06:07:34

标签: google-chrome favicon

所以谷歌浏览器和谷歌浏览器上的Chrome浏览器我似乎无法让我的网站上的图标

我在根目录中有一个默认的favicon调用favicon.ico但是我有一个名为Lokor_favicon.ico的代码我用于特定页面的代码如下

<link rel="shortcut icon" href="/Lokor_favicon.ico?v=2" type="image/x-icon">
        <link rel="icon" href="/Lokor_favicon.ico?v=2" type="image/x-icon">

在火狐上它可以根据我所在的页面加载两个不同的favicons但是在chrome上它只是拒绝遵循代码并且无论如何都使用默认的favicon

任何想法?

1 个答案:

答案 0 :(得分:2)

Chrome并不是很难,只是没有定义的方法来处理多个favicons,每个浏览器都实现了自己的方法。维基百科文章解释了这一点:

http://en.wikipedia.org/wiki/Favicon#How_to_use

以下是相关信息:

  

如果存在PNG和ICO favicons的链接,PNG-favicon兼容的浏览器选择使用的格式和大小如下。 Firefox和Safari将使用最后的favicon。 Chrome for Mac将使用ICO格式的图标,否则为32×32图标。 Chrome for Windows将使用首先出现的图标,如果是16×16,则为ICO。如果上述选项都不可用,那么两个Chromes都将使用首先出现的favicon,与Firefox和Safari完全相反。事实上,Chrome for Mac将忽略16×16图标并使用32×32版本,如果仅在非视网膜设备上将其缩小至16×16。 Opera将完全随机选择任何可用的图标。

最好只提供一个图标。如果您在元标记中指定了较大的PNG版本,则完全跳过使用favicon.ico文件。所有浏览器都支持它。

如果您觉得网站的不同部分需要多个图标,那么您尝试以一种他们从未想过的方式使用它们,并且您将获得混合结果。如果您完全删除favicon.ico文件,而是让每个页面指定自己的图标,那么人们最终会看到他们访问的第一页的图标。因此,如果他们从Google访问您的“关于我们”页面,他们将会在访问期间看到“关于我们”页面指定的任何图标,只要他们的浏览器将其存储在缓存中。