Favicon 图标未显示在 Mozilla 浏览器的书签工具栏中答案

【问题标题】：Favicon icon not showing in bookmark toolbar on Mozilla browserFavicon 图标未显示在 Mozilla 浏览器的书签工具栏中
【发布时间】：2021-03-29 17:27:42
【问题描述】：

Mozilla 浏览器的书签工具栏中未显示 Favicon 图标

这里是代码

 <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="192x192" href="/android-chrome-192x192.png">
  <link rel="alternate" rel="apple-touch-icon" href="/android-chrome-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">

【问题讨论】：

标签： html css caching mozilla

【解决方案1】：

试试<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">。其他原因可能是缓存

【讨论】：

【解决方案2】：

先[CTRL]+[SHIFT]+[DEL]清除缓存，然后重启火狐

下一步

<link rel="shortcut icon" href="http://yourdomain.com/images/favicon.ico?version=1" />

将 favicon 放在 web 服务器的根目录中并调用 favicon.ico。

请注意，在最新版本的 Firefox 中，网站图标仅显示在选项卡图标和书签上，而不显示在地址栏图标中。

【讨论】：