web-dev-qa-db-ja.com

ファビコンはFirefoxに表示されませんか?

次のようなドキュメントがあります。

<html>
<head>
    <meta charset="utf-8"/>
    <title>mac</title>
    <meta http-equiv="refresh" content="60" />
    <link rel="shortcut icon"  href="http://194.88.245.110/favicon.ico" 
        type="image/x-icon" />
</head>
<body>
    <span class="generated">18.12.2013 01:01:43</span>
    <p class="nobody">Nikogo nie wykryto.</p>
</body>

Base64でエンコードされたファビコンを次に示します(もちろん、バイナリバージョンをサーバーに配置します)。

AAABAAEAEBAAAAEAIADxAgAAFgAAAIlQTkcNChoKAAAADUlIRFIAAAAQAAAAEAgGAAAAH/P/YQAA
ArhJREFUOI1dkk1olFcUhp9zZ76JRtsELWo1ZkbFjNIudGdxJoq2CiKV7KSlStpMEpuIoBDEhWiF
oihWxQwymYhkoRtFLRRRimiagUJ3ujCpMZnUn1ZD6x8xieP3vS6cxDR3dd973vfw3HOvMWl1LVgy
F7TGsI2SngFhzEoNXQrEzWS+5/FEvwPoilUBkIvFfzS4Y1i74FRh+oxtQSTcCJxHnHFmd3Kx+HaA
3xbEAbCxTrlY/ARmtUAp4CQdxXiCeApcHy61fOkrZTCrFexP9HfvG2+Qq6xqkbMVmDULljq4DEyb
QDoqqSaR77nSFYtXYmRcoLOfrf2zwxaeTM3sm1cWoebI3wA3KhZ5nufdBaL/n452ruzv+WlMRVZt
Wzbfs9vOd9REHz3fAHCzej2rH9wrBJBE+hUoIP0nadfo9LJjAFfXrQOg3H9d/+LVyKawYV8KLgKs
6rwKQLK/+z7wxeQXAlh/7drY1sxZY1goDiaAaLo+C1TI1+a/trc9ex+bwuzkVxVBYB1AL8iAWuC5
xVpT3cIOAr+bcRsIS3ppaHG+KfsYYHbi2/JA3DWzjyYB/esE3YBh8oHCOzb7QNjhMVcgshPDknYb
pIE/HHAZZJ7oE/S+v6B9UtmaigAIVk8Idw7mTh8SWCClHeI6MNLb1OYjfhg3ooehN0UiuFU8Hg38
YGuxfs+Z/eIGmtsGgMXRdP0FgyVFo+8NDdf072jTOzn0ucSGJ13tU5xzH85KfHdFvp6G5AfjXzna
mjpkZi1FOZL/PjMVYE51Hf90ZpmzMuX5+Fkz2yJp72Du9IEiHURb6xhoyhJNp3YYtkcwy1BdiUrO
vDg3EnmjoMHMDgBDEi2DufaOqcu/5ptN1YQBBpqyAISM4y4gXYDNMhqHQ8PTXo+qLBQhIWlLxAv/
/PBGxgdIfvoxmX0NvAU7FCKWmfr5TwAAAABJRU5ErkJggg==

Firefoxは、このファビコンを認識していないようです。PNG圧縮されたWindows 16x16 .ico形式です。タブやブックマークには表示されず、「ページの詳細」にはサイズが0x0と表示されます。理由は何でしょうか?

1
d33tah

その画像をデコードし、Firefoxで開きました。 Firefoxは問題なく読むことができました。

あなたのウェブサイトにアクセスし(アイコンのリバースイメージ検索で発見)、Firefoxでは、タブにアイコンが表示されないことを確認しました。

私はあなたのソースコードを見ました。次のコードをWebサイトのヘッドに追加する必要があります。 Internet Explorer以外のブラウザをトリガーして、ファビコンを取得します。

<link rel="shortcut icon" href="/favicon.ico"> 
3

Firefoxでもこの問題が発生しました。私のウェブサイトでは、http://example.comのファビコンは正常に機能しましたが、http://www.example.comでは機能しませんでした。

ファビコンをハードコーディングして修正しました。

<link rel='shortcut icon' type='image/x-icon' href='http://example.com/favicon.ico'>
0
Bas