Html 让chrome/brave浏览器使用png版本的favicon

未解决的问题

我希望在浏览器选项卡中显示正确的png，同时仍保持我用于连接网站的应用程序使用gif favicon

所以我使用metamask作为扩展，它会自动查找第一个favicon，因此我的第一个favicon是一个gif动画。但是，当firefox自动使用my favicon的png版本时，如何让Chrome这样的浏览器在浏览器选项卡菜单中也使用png版本呢

所以HTML是这样的

<link rel="icon" href="%PUBLIC_URL%/animation.gif" type="image/gif" >
<link rel="shortcut icon" type="image/png" href="%PUBLIC_URL%/favicon144.png" />

---

第一个是gif，由于metamask的原因，我需要首先使用它，第二个是chrome跳过的png版本。

我目前使用的是chrome版本79.0.3945.117。在HTML中使用此代码，可以正确显示PNG图标

代码：

我的案子似乎没有任何问题或干扰

对于调试，我建议您检查查找映像时是否存在任何404错误，或者换句话说，检查错误的

href

路由。此外，请尝试清除浏览器的缓存并重新加载

---

很高兴回答。

我目前正在使用Chrome 79.0.3945.117版。在HTML中使用此代码，可以正确显示PNG图标

代码：

我的案子似乎没有任何问题或干扰

对于调试，我建议您检查查找映像时是否存在任何404错误，或者换句话说，检查错误的

href

路由。此外，请尝试清除浏览器的缓存并重新加载

很高兴回答

<link rel="icon" href="animation.gif" type="image/gif" >
<link rel="shortcut icon" href="favicon.png">