Favicon未在浏览器标签中显示

时间:2017-09-29 21:49:23

标签: html

我对如何让它发挥作用感到茫然。我已经尝试了书中的每一个技巧,似乎没有任何效果。我已经尝试使用多个Web浏览器和多台计算机清除缓存。

这是我正在使用的代码。我可以通过网址浏览到这张图片。

<head>
    <title>Security</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <link rel="shortcut icon" href="http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico?v=4f32ecc8f43d" type="image/x-icon">
    <link rel="icon" href="http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico?v=4f32ecc8f43d" type="image/x-icon">
</head>

当我加载网站时,图标不会出现,并且开发者工具的控制台选项卡没有提供任何错误指示。

我测试过:

  • Chrome:版本61.0.3163.100(官方版本)(64位)
  • Firefox:版本56.0(64位)
  • IE:版本11.0.9600.18793

我也尝试使用此网站制作自己的:https://www.favicon-generator.org/

有人有什么想法吗?

1 个答案:

答案 0 :(得分:0)

以下是我遵循的步骤:

  • 删除了我以前尝试的每一条痕迹。
  • https://www.favicon-generator.org/并生成一组新图片。
  • 将图像放在以下位置/ Images / Favicon
  • 复制https://www.favicon-generator.org/提供的代码并将其放在我的html部分。
  • 完全清除Chrome历史记录中的所有内容。
  • 关闭并重新打开Chrome。
  • 再次加载网站,终于到了。