网站图标未显示

Question

网站图标未显示

htmlbrowserfavicon

40

我把我的favicon放在这里：

http://www.vittoriosastarsnursery.com/favicon.ico

但是由于某些原因，它在Firefox中无法显示。它在IE中可以工作，但是我更关心在Firefox中让它工作。

- TheGateKeeper

“谁在乎IE”...显然，截至2011年7月，约39%的网络用户关心它 :( http://en.wikipedia.org/wiki/Usage_share_of_web_browsers - Chandu

可能是我的电脑出了点问题，我会尝试从其他电脑上操作并回复。编辑：刚刚检查了一下，其他电脑可以正常运行。可能是我的火狐浏览器有问题 :) - TheGateKeeper

@Chandu - 不再是了。 - ocodo

12个回答

47

我可以在Chrome、Firefox和IE中看到它。我们在大学测试时，我的朋友也遇到了这样的问题。这只是一个奇怪的缓存问题，让她认为它没有正常工作。我相信除了你以外的每个人都能看到它正常工作。

尝试打开开发者工具（在Mac上是CMD + Option + i）并进行硬刷新页面（按住刷新按钮直到出现选项）。

你可以清除缓存后尝试重新启动浏览器，看看是否有帮助。

- Jamie

6

<link rel="icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon">

- GuyFromOverThere

1

我不应该需要这样做，Firefox 应该自己加载它。其他问题必须是出在别的地方。 - TheGateKeeper

6

需要考虑两点

如果在一些浏览器中可以正常工作，而在其他浏览器中无法正常工作，则很可能是缓存问题。请清除您的缓存并刷新，或查看更详细的信息：如何强制刷新网站图标
如果favicon.ico位于项目的根文件夹中，但未被任何浏览器识别，则建议检查.htaccess文件，或者根据服务器类型等查找相应的等效物。

- DrewT

4

对于那些遇到这个问题的人，尝试将您的网站图标文件移动到主目录下。这对我有用并解决了我的问题。

- Erdem Zengin

4

https://github.com/ritwickdey/vscode-live-server/issues/77

我在使用VS-Code live server时遇到了这个问题，正如上面所讨论的那样，这是一个浏览器缓存问题，有一个很受欢迎的Github线程对此进行了讨论。

只需尝试以下技巧：

<link rel="icon" href="favicon.ico?v=2" type="image/x-icon"/>

愉快学习

- Abhishek Raj

3

如果您不想花费数小时的时间来弄清楚为什么您的网站图标未显示，请确保始终将其放置在项目文件夹的根目录中，并在页面的<head></head>部分添加链接，如下所示：

<head>
  //other code
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  //other code
</head>

文件夹结构

--app
-----img
-----js
-----css
-----favicon.ico

- AllJs

2

这只是一个缓存问题。只需更改文件名，它将立即显示...否则不做任何操作，它最终会显示出来。浏览器在收藏夹图标缓存方面非常持久。

- Jeremy

1

我也遇到了这个问题。对我来说，问题是由于通过 .htaccess 阻止没有引荐者的用户/代理所导致的。

- Daymon

1

在FireFox中它对我有效。当运行identify（ImageMagick软件包的一部分）时，它报告了这个问题：identify: invalid colormap index 'favicon.ico' @ error/image.c/SyncImage/3906

也许在图形编辑器中打开文件并重新保存可以清除此错误。

- Dylan Tack

嗯...那么问题就出在图片上了吗？我会尝试修复它。 - TheGateKeeper

即使我使用不同的.ico文件，它对我也不起作用。也许问题出在我的浏览器上？ - TheGateKeeper

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- FeroxTL · Accepted Answer

突然我在这里找到了答案：这里

你应该在你的favicon路径中添加"?"，它就能够工作了！即使路径是像images/favicon.ico这样的。尝试一下：

<link rel="icon" href="/images/favicon.ico?" type="image/x-icon">

其他浏览器也可以工作。

请记得重新启动Mozilla，因为它有自己的缓存，与css和其他缓存不相连。

更新：

另一种方法是将favicon.ico重定向到/images/favicon.ico（301有效）