Favicon不适用于Chrome中的一个(令牌)页面

时间:2019-03-21 13:20:38

标签: html google-chrome favicon

我的Chrome浏览器图标出现问题。它不会显示在一页中。 我真的不知道为什么,但是我想是因为它与令牌一起使用,因此,如果令牌不同,则会从数据库中获取其他内容。换句话说,页面永远不会相同。我还尝试了stackoverflow的其他一些方法,但也无法正常工作。它将以某种方式在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>

3 个答案:

答案 0 :(得分:0)

如果将其放在index.PHP中,则应确保它们在标头标签中,而不是在标签中。否则,请检查图片网址

答案 1 :(得分:0)

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

如果favicon.ico与网页位于同一文件夹中,则可以删除斜杠,并且该图标应该可见。

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

更新

作为调试选项,您可以尝试添加已知有效的标签。我是从StackOverflow来源借来的。尝试用此标签替换链接标签,然后查看是否将SO徽标作为收藏夹图标。

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

更新2:

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

答案 2 :(得分:0)

如果您的网站图标不能在Chrome上运行,但是可以在Edge,Firefox和其他操作系统上运行,则可能是因为your header contains a body-only markup