为什么我的Edge favicon不工作,而在Chrome上却能工作?

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

<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>

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

这到底是怎么回事?

谢谢Abe

*例如,前往 https:/ico.org.ukfavicon.ico。 然后在结果上右击[图片另存为…]。

解决方案:

在本地服务器的Edge Legacy上无法显示favicon,原因在于 服务器返回的不完整的头文件由于某些Windows安全设置,Edge无法访问localhost。. 详细的信息您可以参考 本回答.

如果你把网站部署到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>

给TA打赏
共{{data.count}}人
人已打赏
未分类

为什么我的2D数组打印不正确?(使用fprintf)

2022-9-8 13:56:40

未分类

Chrome浏览器不生成冰的候选者,WebRTC

2022-9-8 13:56:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索