Question

我正在寻找能够设置页面特定favicons的代码。我已经在整个网站上有一个图标，但在整个网站的几个页面上，我想要一个替代的图标。

我前段时间在某个地方找到了以下代码，之前曾在页面上使用过一段时间，但它现在似乎无法正常工作......

<script>(function() {
    var link = document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = 'http://www.iconj.com/ico/8/6/86d29buh2e.ico';
    document.getElementsByTagName('head')[0].appendChild(link);
}());
</script>

如果有人能够对代码可能出现的问题有所了解，或建议备受青睐的建议。

Answer 1

您创建的代码似乎完美无缺。它将页面的favicon设置为您的图标。它可能不起作用的原因有时是在本地托管某些内容时，不会从远程源加载favicon。我知道这是我的情况，当我在Windows 10上使用谷歌浏览器。但如果我使用linux / firefox组合做同样的事情，它的工作完美无缺。

所以，只需进行测试，确保您的设置实际上可以显示任何favicons。使用代码：

<head>
    <link rel="shortcut icon" 
      type="image/x-icon" 
      href="http://www.iconj.com/ico/8/6/86d29buh2e.ico">
</head>

Answer 2

如果您愿意使用JavaScript，我建议您尝试favicon.js。虽然它提供的功能超出了您的需求，但它应该能够解决您的问题。在项目的主页上，查找＆＃34;常规图像到图标＆＃34;，这是您想要实现的目标。

如何设置页面特定的图标？

2 个答案: