移动版 Firefox 浏览器主屏幕上不显示快捷方式图标

Question

我遇到的问题是特定的，仅与

Android

移动

Firefox

浏览器（在我的例子中是

113.2.0

版本）相关。我不确定系统是否重要，但它是

OxygenOS

版本

11.1.2.2

。

基本上我设置了

favicon/shortcut-icon

，如许多示例所示。我已经尝试了很多，并且

favicon

适用于桌面和移动浏览器，除了提到的

Firefox

。对于移动

Firefox

浏览器，我只有一个随机彩色图标，其中包含域的第一个字母快捷方式的中间..

我什至尝试过像下面这样大的代码：

<link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
<link rel="apple-touch-icon-precomposed" href="/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="194x194" href="/favicon/android-icon-194x194.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.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">
<link rel="icon" href="/favicon.ico">
<link rel="manifest" href="/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#000000">

如您所见，

Firefox

不使用

apple-touch-icon

标签、

apple-touch-icon-precomposed

标签或

icon

标签，即使它是

192x192

或

194x194

。它也不适用于放置在

favicon.ico

文件夹中的默认

main/root

图标..

结果始终相同...随机彩色背景图标，内部包含域的第一个字母。我想要实现的结果是我的自定义主屏幕图标，快捷方式应该在浏览器中打开页面（非本机全屏模式，可以通过设置额外的元标记来实现）..

Answer 1

我也为此苦苦挣扎。一个简单的

<link rel="icon" type="image/png" sizes="196x196" href="https://example.net/image.png"> 

为我做的......但只有在我将其放入没有密码保护的域之后。 网页本身可以使用密码加载 - 但似乎图标获取不使用该密码，因此失败。

使用 Fennec 129.0.2