ファビコンを強制的に更新するにはどうすればよいですか？

Grailsアプリケーションを独自のTomcatを使用してローカルで実行していて、ファビコンを新しいものに変更したところです。問題は、どのブラウザでも表示されないことです。古いファビコンが表示されるか、ファビコンがまったく表示されませんが、新しいファビコンは表示されません。これはGrailsの問題自体ではなく、ファビコンの問題だと思います。

ファビコンで何が起こるはずですか？彼らはどのように機能するはずですか？ブラウザーに多数のブックマークがあり、間違ったアイコンがあり、それらが更新されないようです。サーバー/ブラウザにそれらのキャッシュを強制的に停止させるにはどうすればよいですか？通常は16x16しかないので、常にそれらをキャッシュするのはばかげています。ページにアクセスするたびにそれらをアップロードしないのはなぜですか？それはまさに大きなオーバーヘッドではありません。

サイトのファビコンを更新するには、リンクタグとファイル名のクエリ文字列を使用して、ブラウザに新しいバージョンをダウンロードさせることができます。これは、ユーザーが更新を確実に取得できるように、実稼働環境で特に役立ちます。

<link rel="icon" href="http://www.yoursite.com/favicon.ico?v=2" />

わかりました、10分の試行後、それを修正する簡単な方法は鳥の系統のそれに近いです

1. www.yoursite.com/favicon.ico（またはwww.yoursite.com/apple-touch-icon.pngなど）を入力します
2. 押す enter
3. ctrl+f5
4. ブラウザを再起動します（IE、Firefox）

この回答はまだ与えられていないので、投稿したいと思いました。私はウェブ全体を見回しましたが、ローカル開発でファビコンをテストするための良い答えは見つかりませんでした。

現在のバージョンのChrome（OSX）では、次の操作を行うと、ファビコンが即座に更新されます。

1. タブにカーソルを合わせる
2. 右クリック
3. リロードを選択
4. ファビコンを更新する必要があります

これは、ファビコンをローカルで更新する最も簡単な方法です。

ファビコンファイルの名前を変更し、次のような新しい名前のhtmlヘッダーを追加します。

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

PHPを使用する場合は、ファビコンのMD5-Hashをクエリ文字列として使用することもできます。

<link rel="shortcut icon" href="favicon.ico?v=<?php echo md5_file('favicon.ico') ?>" />

これにより、ファビコンは変更されたときに常に更新されます。

コメントで指摘されているように、MD5-Hashの代わりに最終変更日を使用して同じことを実現し、サーバーのパフォーマンスを少し節約することもできます。

<link rel="shortcut icon" href="favicon.ico?v=<?php echo filemtime('favicon.ico') ?>" />

ブラウザが古いファビコンを保存するために使用するファイルを破壊することにより、新しいファビコンを強制的にロードすることができます。

1. ブラウザを閉じます。ブラウザプロセスが実行されていないことを確認します（たとえば、タスクマネージャでchrome.exeまたはを確認しfirefox.exeます）。
2. ブラウザがユーザーファイルを保存する場所に移動します。
   • Chromeの場合は、Chromeデータディレクトリに移動します。
   • Firefoxの場合は、Firefoxプロファイルフォルダーに移動します。
3. ファビコンキャッシュを削除します。
   • Chromeの場合、削除FaviconsしてFavicons-journal
   • Firefoxの場合、削除 favicons.sqlite

これはほぼ間違いなく動作します。そうでない場合：

• 可能性1：ブラウザーの更新により、ファビコンキャッシュの動作が変更されました。新しい説明でこの回答を編集してください。
• 可能性2：ファビコンの問題は、過剰なキャッシングとは関係ありません。代わりに、リソースの読み込みに問題がある可能性があります。デベロッパーツールを使用して、新しいファビコンが正しくダウンロードされていることを確認してください。

Mac OS X上のChromeでは、ファビコンキャッシュを使用してファイルを削除できます

${user.home}/Library/Application Support/Google/Chrome/Default/Favicons 

まあ、オーバーヘッドはオーバーヘッドですが、はい、大きすぎません。

また、ブラウザはキャッシュされたファイルについて「貪欲」になることがあります。キャッシュをクリアしたり、ブラウザを再起動したりすると、変更が表示される場合があります。それでも失敗した場合...

私の安いソリューションは：

1. http://example.com/favicon.icoでファイルにアクセスしますブラウザにあるます。
2. ウェブルートからfavicon.icoを削除します。
3. http://example.com/favicon.icoにアクセスしますブラウザで再度し、見つからないことを確認します。
4. 新しいものをウェブルートにアップロードします。
5. ブラウザーで再度http://example.com/favicon.icoにアクセスし、それが新しいものであることを確認します。

そのシーケンスが機能しない場合は、何か他のことが起こっています。

ブラウザーによって処理方法は異なりますが、通常はサイトのデフォルトページに移動し、ハードリフレッシュを実行します。 CTRL+ F5、通常は更新します。

ON MAC： ⌘+ Shift- RまたはCtrl、押したままブラウザの再読み込みボタンをクリックします。

Internet Explorerの場合、別の解決策があります。

1. Internet Explorerを開きます。
2. メニュー>ツール>インターネットオプションをクリックします。
3. 一般>インターネット一時ファイル>「設定」ボタンをクリックします。
4. 「ファイルを表示」ボタンをクリックします。
5. 古いfavicon.icoファイルを見つけて削除します。
6. ブラウザ（インターネットエクスプローラ）を再起動します。

おそらくWebブラウザの問題です。ブラウザからキャッシュを削除し、ブラウザを閉じて、再度開く必要があります。それで解決するはずです。

そのページに再度アクセスするまで、お気に入りのファビコンが更新されるとは思いません。また、以前にブラウザーのキャッシュをクリアしていたと想定します。

あなたのウェブブラウザはそれ自身で新しいファビコンをチェックするためにインターネットに出て行きません...よろしくお願いします。

新しいタブで開いてみてください

上記の多くのことを試しました（キャッシュのリセット、更新、リンクタグの使用など）。 .htaccessリセット、更新試しファイルを ExpiresByType変数をリセットしました。

しかし、これがChrome（25.0.x）とSafari（6.0.1）の両方でようやく機能しました。

1. キャッシュのフラッシュ
2. ファビコンと<link>タグのハードリンク
3. に移動する mysite.com/favicon.ico
4. オープニングmysite.com新しいタブで

（手順3までは、同じタブで更新しても古いアイコンが再現されていました。）

macOS上のChromeの場合、ここですでに提案されているようにChromeファビコンデータベース全体を削除したくない場合は、競合するアイコンのみを削除できます。

1. Chromeを終了
2. faviconsデータベースをロードします（ここではsqliteを使用）：

sqlite3 ~/Library/Application\ Support/Google/Chrome/Default/Favicons

3. 問題の原因となっているファイルを検索します

select * from favicons where url = 'http://mysite.dev/favicon.ico';

4. 出力に満足している場合：

delete from favicons where url = 'http://mysite.dev/favicon.ico';

または、複数のエントリを削除するために再利用できるパターンを検索できます。

3. 問題の原因となっている複数のファイルを検索します

select * from favicons where url like 'http://mysite.dev%';

4. そして、これが返すものに満足している場合：

delete from favicons where url like 'http://mysite.dev%';

5. 入力.exitしてReturnキーを押し、SQLiteを終了します
6. Chromeを再起動します

Googleにファビコンをリクエストすると、レスポンスヘッダーを確認できます。

Last-Modified: Fri, 09 Jan 2009 16:35:02 GMT
Date: Thu, 01 Dec 2010 00:00:01 GMT
Expires: Fri, 01 Dec 2011 00:00:01 GMT
Cache-Control: public, max-age=31536000
Age: 7

応答に "Expires："ヘッダーを配置すると、クライアントブラウザーはそのタイムスタンプの後にアイコンを再要求します。積極的な開発を行っている間、有効期限のタイムスタンプを1秒または2秒に設定し、常にこれを取得させることができますが、これは長期的な計画としては不十分です。

Chromeバージョン：68.0.3440.106

（アドレスバーで）Chromeを再起動するだけです。 chrome://restart

Chromeのファビコンサポートにはバグがあります-この回答は無視してください

これは、Google Chromeでファビコンを更新するために必要なものだという印象の下で、この回答を書きました。ただし、これは、アイコンがChromeの履歴の同期で回復不能に失われるまで、最初の5分間程度しか機能しないことがわかります。

元の答え

あなたは、あなたのキャッシュをクリアする必要があり、ブラウザを再起動し、していないか、あなただけの、アイコンのURLを変更する必要がある-あなたのHTMLを書き換える一度ブラウザが以前にキャッシュされたアイコンを忘れてしまうように、。

<link>ページのの要素を介してアイコンを定義したと仮定すると、コンソールで<head>この標準JSワンライナーを実行することでそれを行うことができます。

[].slice.call(document.querySelectorAll('head>link[rel$="icon"]')).map(function(ln){ln.href+='?v=2'});

本番環境のエンドユーザーに対してこれを自動的に実行できる、より高度な実装については、freshicon.jsを参照してください。

私は最近ブックマークを復元し、各ページにアクセスせずにFavIconsを復元する方法を探していました。私の検索は私をこのスレッドに連れて行きました。

同様の状況にいる人は、FAVICON RELOADERアドオンをダウンロードしてください。インストールすると、ブックマークのドロップダウンメニューに「お気に入りのアイコンを再読み込み」コマンドが表示されます。

https://addons.mozilla.org/en-US/firefox/addon/faviconreloader/?src=api

PHPを使用している場合は、この行も使用できます。

<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=<?php echo time() ?>" />

ページが読み込まれるたびにファビコンが更新されます。

デバッグして、変更されたことを確認したい場合は、/ etc / hostsファイルにダミーのエントリを追加して、新しいURLにアクセスするだけです。そのファビコンはすでにキャッシュされておらず、新しいファビコンが機能していることを確認できます。

ファビコンの名前を変更しないと、ユーザーに新しいコピーを取得させることができません。

これはChromeで機能します。

• Macの場合：ファイルを削除

  $ {user.home} /ライブラリ/ Application Support / Google / Chrome / Default / Favicons

• Windowsの場合：ファイルを削除する

  C：\ Users [ユーザー名] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons C：\ Users [ユーザー名] \ AppData \ Local \ Google \ Chrome \ User Data \ Default \ Favicons-journal

ソース

これはChromeバグの回避策です：rel属性をスタイルシートに変更してください！ただし、元のリンクは保持してください。魅力のように機能します：

この回避策を思いついたのは、顧客のサイト/製品コードを更新できる必要があるため、他に機能する解決策が見つからなかったためです。

私はこれが本当に古い質問であることを知っていますが、今日もMozillaにのみ当てはまりますが、それでも関連性のある質問です。（私は非標準のブラウザ用にコーディングしていないエクスプローラが何をしているのか分かりません）。

ヘッダーにアイコンタグが含まれている場合、Chromeは適切に動作します。

Mozillaはこの問題をよく認識していますが、いつものように、迷惑な小さなものを修正することはありません。6年後ですら。

したがって、Firefoxでアイコンを強制的に更新するには2つの方法があります。

1. すべてのクライアントにFirefoxをアンインストールしてもらいます。次に、再インストールします。

2. URLバーにドメインのみを手動で入力します。ドメインのみ（mydomain.com）のhttpまたはwwwは使用しないでください。

これはもちろん、nsレコードにドメイン名のみの解決が含まれていることを前提としています。

シンプル、

1：コードをいじりたくない（私のサイトビルダーはコードを使用せず、「ファイルのアップロード」ボタンを使用し、それ自体を実行する）

2：CTRL+ を試しましたが、F5うまくいきません。

私は解決策を持っています：

IE：設定歯車Oにアクセスして、すべてのブラウザー履歴とCookieをクリアします

Chrome：=のようなXの下の右上隅にあるメニューに移動し、設定、履歴、閲覧データのクリアに移動し、適用するすべてのボックスをオンにします（履歴、Cookieを実行し、時間の始まり）

このファイル名を変更するだけです= 'favicon1.ico'

これは、単純にアニメーション化されたファビコンとFireFox 3.6.13（ベータ版）で管理した方法です。FireFoxの他のバージョンでも動作する可能性があります。動作しない場合はお知らせください。それは基本的にartlungの解決策ですが、.gifファイルにも対処します：

1. FTPプログラムで開き、favicon.icoおよびfavicon.gifファイルをダウンロードしました。
2. その後、私のサーバーのファイルからそれらを削除しました。
3. 次に、artlungが提案したように、ブラウザでそれらを開きました：http ://mysite.com/favicon.ico AND http://mysite.com/favicon.gifこれらのアドレスが読み込まれ、404エラーページが表示されたら（「ページが見つかりません」）
4. 次に、両方のファイルをサーバーとPRESTOにアップロードし直しました-正しいアイコンがすぐに表示されました。

また、相対パスだけでなく、完全な画像のURLを指定してください。

http://www.example.com/images/favicon.ico

そしてない：

images/favicon.ico

上記のいくつかの手順を適用しても問題が解決しない場合は、IISサーバーを再起動してください。お役に立てれば...

サイモン、これまで他のどの回答も受け入れられない理由があると思います。したがって、これは、それでも、Grailsの問題であるがあると思います。特に、「リソースプラグイン」を使用している場合はなおさらです。

プラグインがファビコンを提供している場合（非論理的に-多くの場合そうです）、ファビコンは、使用したいファビコンをオーバーライドする可能性があります。

すべてのプラグインからファビコンを削除することで一時的に問題が解決する場合は、次のような可能性があります。

http://jira.grails.org/browse/GPRESOURCES-134

アプリのアイコンを変更するには、以下の手順に従ってください：

1. プロジェクトに.icoファイルを追加します。
2. angular.jsonに移動し、その「プロジェクト」->「アーキテクチャ」->「ビルド」->「オプション」->「アセット」で、ここにアイコンファイルのエントリを作成します。方法については、favicon.icoの既存のエントリを参照してください。
3. index.htmlに移動して、アイコンファイルのパスを更新します。例えば、

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

または、アイコンファイルの名前をfavicon.icoに変更して、ディレクトリで置き換えます。

4. サーバーを再起動します。
5. ブラウザをハードリフレッシュすると、問題ありません。