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

Question

我有一个页面，当我查看其来源时显示错误的图标。

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

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

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

Answer 1

查看页面的来源取决于浏览器。没有什么可以强迫它显示特定的图标。例如，Firefox根本没有显示任何图标，用于＆＃34;查看来源＆＃34;标签

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

顺便说一句，你不需要两个声明。保持shortcut icon一个，尽管另一个也应该这样做。

Answer 2

由于Chrome不解析html，因此使用默认文件“/images/favicon.ico”在view-source中显示为favicon。如果它没有找到它，它也会查看不同的其他位置。例如，如果您使用wordpress，则使用http://[domain]/wp-content/themes/[theme]/images/favicon.ico

Answer 3

在网站中，您可以像下面提到的收藏夹图标

<link rel="shortcut icon" href="/favicon-tenaya.ico"/>

及其工作正常。

与chrome的视图源一样，他们会自动在以下路径中找到收藏夹图标 https://www.tenayalodge.com/favicon.ico

要从您网站后面添加的favicon.ico中获取图标。

Answer 4

一种非常简单的方法：

将您的 favicon.ico 文件放在网站的根目录上。

应该以类似于http://www.[domain].com/favicon.ico

的方式进行访问