web-dev-qa-db-ja.com

ファビコンが表示されない

ファビコンをここに配置しました：

http://www.vittoriosastarsnursery.com/favicon.ico

しかし、何らかの理由でFirefoxに表示したくないのです。 IEで動作しましたが、Firefoxで動作することをもっと心配しています。

htmlbrowserfavicon
33
TheGateKeeper

Chrome、Firefox、IEで見ることができます。私たちが大学に戻ってテストしていたとき、私の友人はこのような問題を抱えていました。彼女はそれが正しく機能していないと思うようになったのは、奇妙なキャッシングのことでした。私はあなた以外の誰もがそれがうまく働くことを見ることができると確信しています。キャッシュをクリアした後はいつでもブラウザを再起動してみて、それが役立つかどうかを確認できます。

33
Jamie

突然、答えが見つかりました ここ

「？」を追加する必要がありますあなたのファビコンパスにそれが機能します！ images/favicon.icoなどのパスでも。ちょうど試して：

<link rel="icon" href="/images/favicon.ico?" type="image/x-icon">

他のブラウザも動作します。

Mozillaは独自のキャッシュであり、cssやその他のキャッシュとは接続されていないため、Mozillaを再起動することを忘れないでください。

更新：

別の方法は、favicon.icoから/images/favicon.icoへのリダイレクトを設定することです（301が機能します）

76
FeroxTL

考慮すべき2つのこと

  • 一部のブラウザで機能し、他のブラウザでは機能しない場合は、キャッシュの問題になる可能性があります。キャッシュをクリアして更新するか、詳細を確認してください： ファビコンを強制的に更新するには
  • Favicon.icoがプロジェクトのルートフォルダにあるが、どのブラウザにも認識されない場合、.htaccess、またはサーバータイプなどに応じて.htaccessに相当するものをチェックアウトします。
5
DrewT
<link rel="icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon">
4
GuyFromOverThere

この問題に苦しんでいる人のために、ファビコンファイルをホームディレクトリに移動してみてください。それは私のために働いて、私の問題を解決しました。

4
Erdem Zengin

あなたが時間を費やしたくない場合。ファビコンが表示されない理由を理解しようとして、常にプロジェクトフォルダーのルートに配置し、<head></head>次のようなページのセクション：

<head>
  //other code
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  //other code
</head>

フォルダー構造

--app
-----img
-----js
-----css
-----favicon.ico
2
AllJs

FireFoxで動作します。 identify（ImageMagickパッケージの一部）を実行すると、この問題が報告されます：identify: invalid colormap index 'favicon.ico' @ error/image.c/SyncImage/3906

グラフィックエディタでファイルを開いて保存し直すと、このエラーが解消される可能性があります。

1
Dylan Tack

私もこの問題を抱えていました。 （少なくとも私にとっては）.htaccessを介してリファラーのないユーザー/エージェントをブロックすると問題が発生することがわかりました。

0
Daymon

これは単なるキャッシュの問題です。ファイル名を変更するだけですぐに表示されます...それ以外の場合は何もせず、最終的に表示されます。ブラウザは、ファビコンキャッシングを使用して非常に永続的です。

0
Jeremy