如何让我的网站在 Firefox 的书签工具栏中显示一个网站图标？

Posted 2023-03-04

【中文标题】如何让我的网站在 Firefox 的书签工具栏中显示一个网站图标？

【英文标题】：How do I make my site show a favicon in the bookmark toolbar in Firefox?

【发布时间】：2021-12-29 22:33:34

【问题描述】：

这些似乎都不起作用。它适用于标签，但不适用于书签栏

<link rel="shortcut icon" type="image/png" href="/favicon/favicon-196x196.png" />
<link rel="image/x-icon" type="image/png" href="/favicon/favicon-196x196.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />

【参考方案1】：

尝试使用绝对路径而不是相对路径。

<link rel="shortcut icon" href="http://example.com/favicon.ico" />

【讨论】：

必须是.ico 文件吗？我正在尝试使用.png....绝对网址不适用于.png

@chovy 不，它不必是.ico 文件。努力刷新您的浏览器。也许这就是问题所在。

不是。它不起作用。这是 Firefox 10 年来的一个已知问题。有几十个关于它的开放错误。但有些网站实际上在书签栏上有一个网站图标。我的没有。