1

<head>エリアで次のようにファビコンを指定しました。

<link href="/Content/images/icons/tick-circle.png" type="image/x-icon" rel="shortcut icon">
<link href="/Content/images/icons/tick-circle.png" type="image/png" rel="icon">

場所は正しいのですが、ページを開いたときにまだアイコンが表示されません。これらは、最新バージョンの IE と Firefox の ico を指定する最新の 2 つの方法だと思いました。

4

7 に答える 7

4

ファビコンは png でもかまいませんが、私の意見では、.ico で終わる実際のファイルが最適です。また、完全なドメイン名 (つまりhttp://www.domain.com/images/favicon.ico ) を使用し、相対リンクに依存しないでください。ブラウザでファビコンを読み込もうとして失敗した場合は、単にページを更新しても読み込まれません。ブラウザのキャッシュをクリアしてから、ファビコンが表示されるかどうかを確認してください。

以下の 3 つのファビコン リンクは、FF、Opera、Chrome、IE、および Apple 製品で機能します。

コードは次のようになります。

<link rel="icon" href="http://www.domain.com/content/images/icons/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.domain.com/content/images/icons/favicon.ico" />
<link rel="apple-touch-icon" href="http://www.domain.com/content/images/icons/favicon.ico">

.ico 拡張子なしで相対リンクを残したい場合:

<link rel="icon" href="/content/images/icons/tick-circle.png" type="image/x-icon" />
<link rel="shortcut icon" href="/content/images/icons/tick-circle.png" />
<link rel="apple-touch-icon" href="/content/images/icons/tick-circle.png">
于 2012-05-18T13:13:36.270 に答える
0

以下のコードを試してください。

<link rel="shortcut icon" href="your icon path">

すべてのキャッシュを削除したら、ブラウザを再起動してください。追加すると、その場でChromeのみが表示されます。

また、pngなどの代わりにicoファイルを使用してみてください。

于 2012-05-18T12:56:45.053 に答える
0

古いブラウザでは、これを.icopngではなくフォーマットにする必要があります。変更することを検討してください。

このように、コンバーターを使用して簡単に行うことができます。

それからAppart、言及されたようにして、それを好きにしてください

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

代わりは。

これをトラブルシューティングするには、最後の数時間だけでなく、すべてのキャッシュを空にすることでうまくいく可能性があります。

于 2012-05-18T12:57:17.303 に答える
0

IEについてはよくわかりませんが、FireFoxは、セキュリティ上の理由からファビコンを表示しないことを決定しました(つまり、ファビコンとして緑色の「ロック」を設定すると、ユーザーにサイトが安全であると誤解させる可能性があります)。

これが記事です:http ://www.neowin.net/news/firefox-removing-favicons-from-the-address-bar

更新:ファビコンについては...このマークアップを使用してください:

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

元のコードの問題はContent、ファビコンへのパスの前の「/」であったと思います。

于 2012-05-18T13:24:45.540 に答える
0

PNG は IE のファビコンで機能しませんでした。ちょうど昨日、Firefox が .ico 形式のみを使用するように変更されたのを読みましたが、これを確認することはできません。これを試してみたところ、FFでもpngが機能しないことがわかりました。

于 2012-05-18T13:20:35.717 に答える
0

favicon は、これらの奇妙な落とし穴の 1 つです。

ウェブサイトのルートにファビコンを作成し、それを呼び出しfavicon.icoます

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

ウィキペディアの「アクセシビリティ」セクションを参照してくださいhttp://en.wikipedia.org/wiki/Favicon

于 2012-05-18T12:52:47.287 に答える
0

.htaccess にこのようなものがあり、編集された画像か何かがありますか

# Sample of what if have in mine. this restricts the download the time you specify
# 480 weeks
<FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=290304000, public"
</FilesMatch>

それはあなたの問題です。しかし、このようなものは、ブラウザがそれらのファイル拡張子を取得するのをブロックしている可能性があります. その場合は、ブラウザのキャッシュをクリアしてみてはいかがですか?

于 2012-05-18T13:03:34.760 に答える