gpt4 book ai didi

javascript - 为什么我的网站图标没有出现在 Firefox 和 IE 中?

转载 作者:行者123 更新时间:2023-11-30 10:41:49 28 4
gpt4 key购买 nike

我在 <head> 中这样指定了我的网站图标地区:

<link href="/Content/images/icons/tick-circle.png" type="image/x-icon" rel="shortcut icon">
<link href="/Content/images/icons/tick-circle.png" type="image/png" rel="icon">

位置是正确的,但是当我打开一个页面时,我仍然看不到我的图标。我认为这是为最新版本的 IE 和 Firefox 指定 ico 的两种最新方法。

最佳答案

虽然您的网站图标可以是 png,但在我看来,以 .ico 结尾的实际文件效果最好。另外,使用完整域名(即 http://www.domain.com/images/favicon.ico ),不要依赖相关链接。如果您尝试在浏览器中加载网站图标但失败了,那么只需刷新页面就不会将其重新加载。清除浏览器的缓存,然后尝试查看图标是否出现。

以下 3 个图标链接适用于 FF、Opera、Chrome、IE 和 Apple 产品

您的代码“应该”如下所示:

<link rel="icon" href="http://www.domain.com/content/images/icons/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.domain.com/content/images/icons/favicon.ico" />
<link rel="apple-touch-icon" href="http://www.domain.com/content/images/icons/favicon.ico">

如果您想保留不带 .ico 扩展名的相关链接:

<link rel="icon" href="/content/images/icons/tick-circle.png" type="image/x-icon" />
<link rel="shortcut icon" href="/content/images/icons/tick-circle.png" />
<link rel="apple-touch-icon" href="/content/images/icons/tick-circle.png">

关于javascript - 为什么我的网站图标没有出现在 Firefox 和 IE 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10652922/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com