时间戳

首页 > 解决方案 > 为什么我的 Edge favicon 不工作，而它在 Chrome 上工作？

html - 为什么我的 Edge favicon 不工作，而它在 Chrome 上工作？

问题描述

我在本地 Windows PC 上运行了一个简单的 html 块

<html>
<head>
    <title>FavIcon Test</title>
    <link id='favicon' rel='icon' href='favicon.ico' type='image/x-icon'/>
</head>
<body style='margin-left:10px'>
    Hello World
</body>
</html>

我抓取了一个随机网站图标文件*并将其保存到与 html 相同的位置，并在 Chrome 和 Edge 中运行它；Chrome 向我显示了预期的站点图标，而 Edge 未能显示它。

到底是怎么回事？

谢谢安倍

*例如转到https://ico.org.uk/favicon.ico然后右键单击结果以 [将图像另存为...]

标签： htmlmicrosoft-edge

解决方案

由于从服务器返回的标头不完整，并且由于某些 Windows 安全设置，Edge 无法访问本地主机，因此网站图标不会显示在本地服务器的 Edge Legacy 上。有关详细信息，您可以参考此答案。

如果您将站点部署到 Web 服务器或使用绝对全局 http-address favicon href，则该问题将得到解决。以下代码适用于 Edge Legacy：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>FavIcon Test</title>
    <link id='favicon' rel='icon' href='https://ico.org.uk/favicon.ico' type='image/x-icon' />
</head>
<body style='margin-left:10px'>
    Hello World
</body>
</html>

推荐阅读