Tweet

CSSやJavaScript、.htaccessファイルを更新した時、ブラウザがキャッシュを読み込んでしまって反映されないことがよくあります。

そのような場合まず試すといいのは「ハード再読み込み」。Windowsの場合Ctrl+F5キー。

対象のWebページの画像や各種ファイル（CSSやJavaScriptなど）を、キャッシュを使わずにリロードします。

しかし、この機能は対象ページに直接由来していない（間接的に読み込まれる）ファイル・データについてはキャッシュが利用されてしまうので、確実に強制的にキャッシュを削除するにはブラウザの設定からキャッシュを削除します。やり方は以下のページに詳しく書いてあります。

• Google Chromeで素早くキャッシュをクリアしてページを正しく表示させる：Google Chrome完全ガイド – ＠IT
• ChromeとFirefoxで確実にキャッシュクリアする方法（スーパーリロード、ハードキャッシュクリア） | ウェブジェネ

なお、デベロッパーツールを使うと「キャッシュの利用を禁止」しF5キーの更新だけでキャッシュを使わない開発ができるようになるようです（上のUrlを参照）。

Tweet

favicon.pngというファイルを作ってアップロードし適切にコードを書いてブラウザ（chrome）でアクセスしてみたけど表示されませんでした。

キャッシュが何たらという記事を読んでみて、Ctrl + F5押すだけでOkじゃね？と思ってやってみたらあっけなく表示されました。