铬忽略了图标的位置

问题描述

我正在使用以下代码显示favicon.ico:

<link rel="shortcut icon" type="image/x-icon" href="https://{domain}/res/202009100200/images/favicon/en/favicon.ico"/>

使用此URL可以正确加载favicon.ico。但是Chrome不会显示任何图标,如果我通过开发控制台进行检查,我会意识到它试图从站点的根目录(显然不存在)加载图标。

为什么Chrome会尝试在网站的根目录而不是我提供的位置中找到网站图标?在Firefox和Edge中可以使用。

解决方法

您可以使用此代码

<link rel="icon" href="icon.gif" type="image/gif" sizes="16x16">

使用时可以正常使用

,

大多数时候,浏览器使用favicon位置作为根目录,而不是href属性中指定的目录。尝试将favicon放在根目录中。

我都提到去Chrome忽略的这个Favicon位置,这个已经很活跃的问题有很多答案,希望对您有帮助。