如何在一个网站中创建 2 个 Favicon [关闭]答案

【问题标题】：How to create 2 Favicon in One website [closed]如何在一个网站中创建 2 个 Favicon [关闭]
【发布时间】：2015-07-21 08:57:05
【问题描述】：

是否可以在一个站点中创建 2 个网站图标？

/images/favicon/favicon.ico" rel="icon">

所以我将创建 2 个主页，第 2 个主页将有不同的图标。他们只想看看哪个网站图标更好。

【问题讨论】：

如果您自己用简单的 html 编写网站，如果是这样，只需更改 2 页上的 favicon 声明 - <link rel="shortcut icon" href="/img/favicon.ico" />。如果您不是，请在您的问题中提供更多信息，说明您是如何制作网站的。
我猜你可以使用 javascript 并设置如果满足某些条件，favicon 将为 favicon1.ico，否则为 favicon2.ico
他们真的不需要一个正常运行的网站来查看哪个网站图标更好。创建屏幕截图，打开 Photoshop，粘贴两个不同的图像并发送裁剪后的预览。
可以拥有与页面一样多的网站图标。请注意，浏览器往往很容易缓存网站图标，在 url 中放置一个 cachebuster 会有所帮助

标签： javascript php html css wordpress

【解决方案1】：

您可以哇您的客户：

在结束</body>标签之前粘贴这个：

<script>
var favicons = [
    "/images/favicon/favicon.ico",
    "/images/favicon/favicon2.ico"
];
var n = 0;
document.addEventListener("keyup", function(e){
    if(e.which===70) {
        var link = document.createElement('link');
        link.type = 'image/x-icon';
        link.rel = 'shortcut icon';
        link.href = favicons[++n%2];
        document.getElementsByTagName('head')[0].appendChild(link);
    }
}, false);
</script>

并告诉他们按键盘上的 F。

也就是说，您始终可以创建两个 favicon，favicon.ico 和 favicon2.ico，然后调用所需的一个。我的意思是你没有准确地调用你的图像favicon。只需找到合适的

_{indexTest1.html}

<link rel="shortcut icon" href="/images/favicon/favicon.ico" type="image/x-icon" />

_{indexTest2.html}

<link rel="shortcut icon" href="/images/favicon/favicon2.ico" type="image/x-icon" />

【讨论】：