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

Question

我正在寻找将设置页面特定图标的代码。 我已经在整个网站上放置了一个favicon，但是在整个站点的几页上，我都希望使用一个备用favicon。

我前一段时间在某处找到了以下代码，并在以前的页面上使用过一次，但现在似乎无法使用...

<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

您创建的代码似乎运行良好。 它将页面的图标设置为您的图标。 之所以可能不起作用，是因为有时在本地托管某些内容时，这些图标将无法从远程源加载。 我在Windows 10上使用google chrome时对我来说就是这种情况。但是，如果我使用linux / firefox组合执行相同的操作，则可以正常工作。

因此，只需进行测试以确保您的设置实际上可以显示所有图标。 使用代码：

<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 。 尽管它提供的功能超出了您的需求，但它应该能够解决您的问题。 在项目的主页上，找到“将常规图像转换为图标”，这就是您要实现的目标。

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

问题描述

2 个解决方案

解决方案1
0 2016-07-01 16:22:53

解决方案2
0 2016-07-07 16:25:19

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

问题描述

2 个解决方案

解决方案1 0 2016-07-01 16:22:53

解决方案2 0 2016-07-07 16:25:19

解决方案1
0 2016-07-01 16:22:53

解决方案2
0 2016-07-07 16:25:19