web-dev-qa-db-ja.com

ファビコンがIE9のアドレスバーに表示されない-それでも他のすべてのブラウザでは表示される

これは本当に奇妙です-そして私は考えられるすべてのものを試しました。 ChromeまたはOpera。Firefoxでは問題ありません。サーバーのアイコンを変更すると、他のブラウザですぐに更新されますが、IE9には表示されません。 。

ちなみに、IE9でお気に入りに追加すると、画像が「お気に入り」リストに表示されますが、URLアドレスバーには表示されません。また、icoファイルが別のWebサイトでも機能することを確認しました。また、変更を加えるたびにIEブラウザの履歴/インターネットの一時ファイルを忠実にクリアしました。ASPXファイルで試したコードバージョンをいくつか示します最初のバージョンは、私が実行している別のASPX Webサイトで動作しています。

<link rel="shortcut icon" href="/favicon.ico" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
internet-explorer-9favicon
16
sean

相対パスではなく絶対パスを入力してください：

<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>

また、画像をどこに置いたか。私が覚えていることから、それはWebブラウザーに応じてサーバー上の特定の場所から自動的にプルします。

9
abeauchamp

Windows 7以降、つまり9以上に適用されます！

私はこのファビコンの問題に何日も苦労しました-それはすべてのブラウザで見られましたが、ie9では見られませんでした！

私はファイル形式を疑った。具体的には、favicon.icoの構造を定義する定義ヘッダーです。これは、いくつかのチュートリアルとメソッドに従って手紙を読み、成功しなかったために残された唯一のものでした。

私は正しかったようです– Windows 7 + ie9は、アイコンがすべて1つのファイル内に含まれる4つのアイコンとして構成されることを期待しています。

ステップバイステップ：

1）64x64ピクセルの24ビットカラーグラフィックを作成し、pngファイルとして保存しました

2）X-icon Editorと呼ばれるfreebeeにこのファイルをインポートしました http://www.xiconeditor.com/

3）結果をプレビューすると（64x64、32x32、24x24、16x6（すべてピクセル）の4つのイメージがあり）、結果に満足しました。

4）結果をエクスポートし、エクスポートを行う前にヒントを書き留めました…

5）次に、save as機能を使用して、ファイルをサイトファイルのルートに送信しました（index.htmlファイルがある場所）保存したファイルはfavicon.icoでした

6）ファイルを表示する場合は、ハードドライブのサイトディレクトリに移動し、favicon.icoファイルをダブルクリックすると、Windowsフォトビューアーに、アイコンのサイズを表す4ページが表示されます。

7）以下のようにコードを編集します（詳細はヒントのステップ4にあります）：headタグこのタグを挿入：link rel = "shortcut icon" href = "favicon.ico" /

8）変更をサーバーにアップロードします。

9）ie9キャッシュファイルをクリアする

10）約20分待ちます（時間がかかる場合があります）

11）サイトにログオンすると、ファビコンが表示されます。

では、単一のfavicon.icoファイルに埋め込まれている他のアイコンは何ですか？

64x64はウィンドウで使用される大きなアイコンです（デスクトップに大きなアイコンがあるショートカットを作成した場合、ファビコンは64x64ピクセルでグラフィックを表示します）。

32x32上記と同じですが、中程度のデスクトップアイコン用のデスクトップセット用

24x24上記と同じですが、小さなデスクトップアイコン用のデスクトップセット用

16x16は、Webページで使用されるファビコンです。また、デスクトップの下部バー（タスクバー）のピント領域で使用されるアイコン–デスクトップからタスクバーにショートカットを移動すると、サイズが変更されます。

すべて完了–機能します–表示されるまでしばらくお待ちください！

PS（上級ユーザー）複数の「ファビコン」ファイルを作成できますが、それらすべての名前を変更する必要があります
次に、headタグの下で、さまざまなページの各アイコンファイルをポイントします。ただし、許可されるのは1つだけ（または複数のファイルの場合はなし）favicon.icoファイルです。..初心者ですがそれのために行きます

17
Jim

Rel = "shortcut icon"を単に "icon"に変更してみてください。これでうまくいきます。

<link rel="icon" href="/favicon.ico" />
2
petschekr

HTML4またはHTML5を使用している場合はタグの末尾に>を使用し、XHTMLの場合は/>を使用します。

また、type="image/vnd.Microsoft.icon"の使用を試す必要がある場合もあります。

ソース： FavIcon（アドレスバー内）が機能しないIE 9

0
Mark Ursino

サイトを試してください： http://favicon.htmlkit.com/favicon/ （テストされ、すべてのブラウザで動作しています）

1）ブラウザのキャッシュをクリアします。 2）上記のサイトで作成したパッケージにすべての画像を含めます。

0
Plant Sam

IE9のフォントとファビコンにも同じ問題がありました。私はクライアント側の問題について広範囲にわたって調査しましたが、サーバーの設定が実際にこれを引き起こしていました。

IISでクライアントキャッシュ制御モードが「DisableCache」に設定されていました。これにより、IE9はフォントもファビコンもロードしなくなりました。他の（最新の）ブラウザーはすべて正常に動作しました。

IIS 7では、ファビコンまたはフォントフォルダのいずれかでキャッシュ制御を「NoControl」に設定する必要があります。

<location path="fonts">
  <system.webServer>
    <staticContent>
      <clientCache cacheControlMode="NoControl" />
    </staticContent>
  </system.webServer>
</location>
0
Hugo