网站文件上传到服务器后，Favicons 未显示在所有浏览器中

Question

将我的网站文件上传到服务器后，我的网站图标没有在浏览器中显示。我在 stackoverlow 上尝试了以下解决方案，但没有任何效果：

1. 已清除浏览器缓存
2. 将 href <link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 重命名为其他名称，"favicon.ico"， "favicon.ico?"

有人有什么建议吗？

谢谢..

Answer 1

或许可以尝试以下方法：

1. 将文件放在根目录中 - 有些浏览器会自动在此处查找网站图标，因此如果可以的话，不妨将其放在那里；
2. Drop "shortcut" - 它不是一个有效的关系，无论如何 IE9 都不需要它（参见：https://mathiasbynens.be/notes/rel-shortcut-icon）。这可能会使解析复杂化。如果需要支持 IE8 及更早版本，或许可以尝试单独声明。
3. 检查您是否在头部声明了 "profile"。
4. 考虑为跨浏览器和目的支持添加变体（参见：https://css-tricks.com/favicon-quiz/ - 旧，但显示问题）。

就我个人而言，等不及他们都支持 svg 了。