在 Chrome 中查看源时如何设置网站图标？

Question

我有一个页面，当我查看其源代码时显示不正确的图标。

在下图中，您可以在第一个选项卡（正在查看页面）中看到使用正确的图标 - favicon-tenaya.ico。

但是，当您通过 Ctrl + U 查看页面的源代码时，它似乎显示了默认的 favicon - favico.ico，它位于网站的根文件夹中：

有没有办法解决这个问题？我们不希望在他们查看源代码时更改图标。Chrome 中的查看源页面如何决定使用哪个网站图标？

Answer 1

查看页面源代码取决于浏览器。您无法强制它显示特定图标。例如，Firefox 根本不显示“查看源代码”选项卡的任何图标。

但是，您可以影响浏览器来实现此目的。对于 Chrome 和您的特定网站，请将favicon.ico网站根目录下的现有图标替换为您的网站图标。这就是 Chrome 所显示的内容，而你的是你不想要的黑白图标。更好的是：重命名favicon-tenaya.ico为favicon.ico（从而替换现有的favicon.ico）并相应地更改 HTML。

顺便说一句，您不需要两个声明。保留其中一个即可shortcut icon，尽管另一个也可以。