Question

我在本地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无法显示它。

这是怎么回事？

谢谢安倍（Abe）

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

Answer 1

由于从服务器返回的标头不完整，并且由于某些Windows安全设置，Edge无法访问本地主机，该图标不会在本地服务器的Edge Legacy中显示。有关详细信息，请参阅this answer。

如果将站点部署到Web服务器或使用绝对的全局http地址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>

为什么我的Edge网站图标在Chrome上不起作用，为什么？

1 个答案: