网站图标不适用于 chrome 中的一个（令牌）页面

Question

我在 Chrome 中的网站图标有问题。它不会显示在一页中。我真的不知道为什么，但我想这是因为它使用令牌，所以如果令牌不同，它会从我的数据库中获取其他内容。换句话说，页面永远不会相同。我还尝试了一些来自 Whosebug 的其他东西，但它也不起作用。它会以某种方式在 Microsoft Edge 中运行。

这是我迄今为止尝试过的 (header.php):

<link rel="icon" type="image/png" href="/healtywavezicon.png">
<link rel="shortcut icon" type="image/png" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="57x57" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="60x60" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="76x76" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="114x114" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="120x120" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="144x144" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="152x152" href="/healtywavezicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="/healtywavezicon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/healtywavezicon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/healtywavezicon.png">
<link rel="icon" type="image/png" sizes="96x96" href="/healtywavezicon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/healtywavezicon.png">

我也试过直接放在index.php:

<head>
  <link rel="icon" type="image/png" href="/healtywavezicon.png">
  <link rel="shortcut icon" type="image/png" href="/healtywavezicon.png">
</head>

Answer 1

如果你把它放在 index.PHP 中，那么你应该确保它们在 header 标签中而不是在标签中。否则，检查图像 urls

Answer 2

由于您的 href 中有前导 /，您引用的文件将位于根文件夹中。如果您的页面位于计算机上的文件夹中，而不是从本地 Web 服务器提供，则前导 / 将告诉浏览器查看文件系统的根文件夹。因此浏览器期望文件位于 C:/favicon.ico 或类似位置，这可能不是您所期望的。

如果您的 favicon.ico 与网页位于同一文件夹中，您只需删除前导斜线，图标应该可见。

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

更新：

作为调试选项，您可以尝试添加一个您知道有效的标记。我从 Whosebug 源借用了这个片段。尝试用这个替换你的 link 标签，看看你是否将 SO 标志作为你的图标。

<link rel="shortcut icon" href="http://cdn.sstatic.net/Whosebug/img/favicon.ico">

更新二：

Chromium 上似乎报告了一个错误，如果文件是在本地加载的，而不是通过网络服务器提供的，则不会显示网站图标。

Answer 3

如果您的网站图标 在 Chrome 上不工作，但 在 Edge、Firefox 和其他 上工作，这可能是因为.

网站图标不适用于 chrome 中的一个（令牌）页面

favicon not working for one (token) page in chrome

html

favicon

google-chrome