3

converticon.comを使用して、アイコンpngファイルをicoファイルに変換しました。ヘッドタグに次のコードを配置しました。

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

再確認したところ、ファイルは適切な場所にあります。イメージには読み取りおよび書き込み機能があります。次に、ブラウザにページをロードしましたが、表示されるのは、点線の境界線が付いた空の四角いボックスだけです。XAMPPサーバーを使用しています。画像が表示されないのはなぜですか?

4

4 に答える 4

5

MAMP(XAMPが同じ/類似していると仮定)では、次のようにします。

- With MAMP running/open, hit the "Stop" button.
- Then go to: File > Edit Template > Apache httpd.conf
- Comment out lines:
    #Alias /favicon.ico "/Applications/MAMP/bin/favicon.ico"
    #Alias /icons/ "/Applications/MAMP/Library/icons/"
- Place your favicon.ico file in your site's root directory
- Start MAMP

あなたはおそらくここであらゆる種類のクレイジーなことをすることができます。個人的には、開発中にファビコンについて心配することはありません。

ところで-ブラウザのキャッシュを完全にクリアする必要はありません。ファビコンを参照して更新するだけです...localhost:8888 / favicon.ico

于 2012-10-23T18:40:44.240 に答える
4

複数のブラウザでこれをテストしてみましたか?ブラウザが異なれば、ファビコンの処理も異なります。

ここにあなたが試すことができるいくつかのことがあります。

キャッシュをクリアする

  • お気に入りのリンクのすべての参照を削除します。
  • ブラウザのファイルキャッシュをクリアします。
  • ターゲットブラウザのすべてのインスタンスをシャットダウンします。
  • ブラウザを再度開き、Webサイトに移動します。

強制更新

  • Mozilla Firefoxを使用している場合は、次のことを行う必要があります。
  • Webサイトに移動します
  • お気に入りアイコンの正確な場所に移動します。例:www.site.com/favicon.ico。
  • ブラウザウィンドウを右クリックして、[更新]を選択します。

これが行われると、Firefoxはキャッシュされたバージョンの代わりにアイコンをリロードすることを強制されます。

ブラウザのデフォルトの動作

ファビコンを指定する2番目の方法は、事前定義されたURIを使用してイメージを識別することに依存しています:「/favicon.ico」。これはサーバールートを基準にしています。一部のブラウザはそのURIを使用してファビコンを検索するようにプログラムされているため、この方法は機能します。そのため、代わりにファビコンをルートに配置して、機能するかどうかを確認することをお勧めします。(アイコンの名前もfavicon.icoに変更します)。

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

画像形式

ファビコンのフォーマットに問題がある場合があります。すべてのWebブラウザーで問題が発生している場合は、ファビコンをgifまたはpngに変換して、問題が解決するかどうかを確認できます。

ブラウザにファビコンの更新を強制する

URLパラメータを渡すことで、ブラウザにファビコンを強制的に更新させることができます。verパラメータを使用すると、新しいファイルを強制的にダウンロードするたびにバージョン番号を増やすことができます。

これをマークアップに追加します。

<link rel="shortcut icon"  href="/favicon.ico?ver=2.0" type="image/x-icon"/>
于 2012-10-17T01:57:32.883 に答える
1

「example.com/favicon.ico」などのファビコンをサイトのルートに配置し(ただし、ファビコンという名前になっていることを確認してください)、上記のリンク要素を完全に削除します。IEが存在しない場合でも、ブラウザはデフォルトでこの場所にファビコンがないかチェックします。

これを行った後、テスト時に必ずキャッシュをクリアしてください。

于 2012-10-20T14:53:14.280 に答える
0

type属性を追加してみてください。例:

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> 
于 2012-10-12T23:54:00.507 に答える