我有一个网站,我在3个浏览器上测试了IE,Firefox和Chrome,我的图标看起来并没有在Chrome中显示,但它确实显示在其他浏览器中。我已经尝试多次清除Chrome缓存,但似乎没有帮助。Favicon没有在谷歌浏览器中显示
你可以请建议我一些方法来解决这个问题。
我有一个网站,我在3个浏览器上测试了IE,Firefox和Chrome,我的图标看起来并没有在Chrome中显示,但它确实显示在其他浏览器中。我已经尝试多次清除Chrome缓存,但似乎没有帮助。Favicon没有在谷歌浏览器中显示
你可以请建议我一些方法来解决这个问题。
在新标签中打开你的图标URL,然后按ctrl + F5
要获得图标的网址通过ctrl + U
去查看源代码,你也得到该URL的href点击。
<link rel="shortcut icon" href="//cdn.sstatic.net/stackoverflow/img/favicon.ico?v=6cd6089ee7f6">
确保你没有任何body
- 相关的标记(例如,一个div
)在head
,该图标声明之前。例如:
<html>
<head>
<title>My page</title>
<div>stuff</div> <?-- This div has nothing to do here -->
<link rel="icon" href="/favicon.ico">
</head>
<body>...</body>
</html>
的原因是:一旦遇到铬它不应该在头(div
,p
...)找到一个标记,它认为标题中结束。因此,所有后面的标记,在身体上没有任何意义,都会被忽略。这可能是您可能用于图标的link
标记的情况。
此行为特定于Chrome。这就解释了为什么你只能用这个浏览器才能得到这个bug。
它是否以隐身方式出现? Favicons在缓存时很奇怪:P – MarshallOfSound