html - 在 Chrome 中查看源代码时如何设置图标？

Question

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

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

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

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

Answer 1

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

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

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