html - 在网站中添加多个网站图标的任何可能方法

如何为不同的浏览器添加多个单一图标？

原因：



[Google Chrome] favicon在水平轴上与页面标题完美匹配，使“ AT Drive”成为完整的句子！



[Mozilla Firefox]现在，您可以在此处看到与水平轴匹配的“ Same favicon”未命中，它向下偏移了一点

 我想要的是：

相对于浏览器在网站中插入“多功能图标”图标。

最佳答案

我想不出任何纯html / css解决方案，但是您可以通过JavaScript更改favicon以指定浏览器。

例如，检测浏览器是否为Firefox（Detect all Firefox versions in JS），然后为其设置不同的图标（Changing website favicon dynamically），因此最终代码应如下所示：

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

 <script type="text/javascript">

    if (/firefox/i.test(navigator.userAgent)) {
        document.getElementById("favicon").href = "favicon-firefox.png";
    }

</script>

关于html - 在网站中添加多个网站图标的任何可能方法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20030547/