Favicon 不显示在视图源或图像中。（本地主机 chrome）

Question

我目前正在创建一个网站，快完成了，但是有一个问题。该图标不会显示在查看源代码或图像上（在本地主机中，chrome）。你看，我不确定是我做错了什么，还是这只是一个错误。感谢您的帮助。

看，没有图标会显示在查看源代码中。这与图像相同。但如果我跳到 google，他们就没有这个问题。

出现这个问题是不是因为我在本地主机上，当我发布我的网站时就没事了？

谢谢。

。 .

这也是我目前拥有的用于我的网站图标的代码：

<link rel="apple-touch-icon" sizes="180x180" href="./css/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./css/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./css/images/favicons/favicon-16x16.png">
<link rel="manifest" href="./css/images/favicons/site.webmanifest">
<link rel="mask-icon" href="./css/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="./css/images/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="test">
<meta name="application-name" content="test">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="./css/images/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

Answer 1

请向我们展示您的 head 标签的 link rel，看看您是否做错了什么。如果您编辑 post.

，我可以稍后编辑我的答案

关于你的问题没有太多细节，所以我会试着告诉你如何为你的网站设置一个图标。

尝试删除您创建的那个。将它从放置它的地方移除。确保将其命名为 favicon.ico 并将其放在网站的根文件夹中，其中 index.html 是。

然后在head部分添加如下代码：

<link rel='icon' href='favicon.ico'>

您也可以尝试使用私人导航访问您的本地主机页面。有时网站图标会与浏览器的缓存和历史记录混淆。

您还可以使用真实路径（完整 URL）检查您的图标 localhost/mysite/css/favicons/favicon.ico 以检查它是否真的存在。

在与 OP 讨论后，问题仅出现在 view-source: 命令中，否则图标会自行显示。所以这是一个正常的行为，你甚至可以在 google 或任何网站上看到 favicon 使用 view-source: 命令消失。

Favicon 不显示在视图源或图像中。 （本地主机 chrome）

Favicon doesn't show up in viewsource, or on images. (localhost chrome)

html

favicon

view-source

Favicon 不显示在视图源或图像中。（本地主机 chrome）