web-dev-qa-db-ja.com

Webページのソースでファビコンが見つかりません

多分ばかげた質問かもしれませんが、私の人生では、このWebサイトにファビコン「ico」ファイルへの参照が見つかりません。

http://www.fitnessutah.com/

ブラウザーのタブ/ウィンドウに表示されるため、明らかに1つあります。私は、Chrome開発者ツール、ページのすべての画像を表示する[ネットワーク]タブを試しましたが、ファビコンもありません。どこに隠れていますか？

htmlcssfavicon
17
HerrimanCoder

別の方法でプルされているように見えますが、通常は常にデフォルトの場所にあります-これも同じ場所です。

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

18
Ryan

Webサイトのファビコンを指定するには、2つの方法があります。

1）linkをファビコンに与える

<link rel="icon" type="image/png" href="/somepath/favicon.png" />

2）事前定義されたURLに配置します。これはサーバーのルートを基準にしています。したがって、この場合は http://www.fitnessutah.com/favicon.ico になります。

このWebサイトは2番目の方法を使用しているようですので、そのリンクにファビコンがあります。

8
Carlos Calla

ファビコン画像をlink要素に追加してWebサイトに表示する必要はありません。

引用：ファビコンを指定する2つ目の方法は、事前定義されたURIを使用して画像を特定することです： "/ favicon"、これはサーバーのルートを基準にしています。

出典： http://www.w3.org/2005/10/howto-favicon

5
Keir Simmons

キール氏とカルロス氏の回答に加えて、具体的に言うと、ほとんどのブラウザーはファビコンもここで検索するようにプログラムされています。

http://yourwebsitename.com/favicon.ico

ファビコン画像が上記のように命名/保存されている場合、HTMLコードでそれを言及する必要はありません。

したがって、ウェブサイトを見ていて、ファビコンへの参照がHTMLソースで見つからない場合は、ブラウザのアドレスバーにウェブサイトのベースURLを入力し、その後に/favicon.ico：

http://example.com/favicon.ico

実際の例-ソースコードでファビコンを見つけてみてください。

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

3
cssyphus

Chrome開発ツールの[ネットワーク]タブを使用します。faviconでフィルターします。Shift+ F5でページを再読み込みします。リンクまたはデフォルトの場所から読み込まれたかどうかにかかわらず、アイコンが表示されます

1
Hopeless