Google Chromeで表示トラブルを解消する方法（ブラウザキャッシュ）

Webページ制作していると、Webサーバ側でページを更新したのにWebブラウザで見ると更新されてないことがあります。その原因の一つとして挙げられるのがWebブラウザのキャッシュ機能です。

Webブラウザのキャッシュ機能は、ほとんどのWebブラウザが搭載している機能ですが、Webページの表示に関連するトラブルは、このWebブラウザのキャッシュが原因であることも多く、その場合はキャッシュを削除したり、キャッシュを利用せずにWebページを表示させることで解消することがあります。

そこで、ここではWebブラウザの代表格である「Google Chrome」を例に、ブラウザキャッシュを削除する方法や、ブラウザキャッシュを経由せずにWebページを表示する方法を紹介します。

Webブラウザのキャッシュ機能とは

Webブラウザのキャッシュ機能は、Webサーバから読み込んだデータをローカルコンピュータに保存して再利用できるようにすることで、ページの表示速度を高めることができる機能で、ほとんどのWebブラウザが搭載しています。

しかし、この機能によりWebサーバとキャッシュの間でデータの不一致が起こると、ときに想定したとおりにページが表示できなくなる場合があります。

そんなときはキャッシュを削除することでトラブルを解消できる場合があります。

Chromeでキャッシュを削除する一般的な方法は次のとおりです。

まず「メニュー」ボタンから設定画面を開き、一番下にある「詳細設定」をクリックします。

詳細設定画面で「プライバシーとセキュリティ」セクションの一番下にある「閲覧履歴データを消去する」をクリックします。

「閲覧履歴データを消去する」画面で、期間から「全期間」を選択し、消去するデータにチェックを入れて「データを消去」をクリックします。これでキャッシュが削除されます。

上で紹介したChromeの設定画面からキャッシュを消去する手順は、手順が面倒なため何回もキャッシュを削除したい場合などではとても不便です。

そんなときは、これから紹介するキャッシュを経由せずにWebページを表示する方法が便利です。

キャッシュを利用せずにWebページを表示する方法の一つとして「ハード再読み込み」があります。「ハード再読み込み」は、Chromeで対象のWebページを開いた後、［Ctrl］＋［F5］キーを押すことで実行されます。

これにより、ほぼキャッシュを利用せずにWebサーバが再読み込みされます。多くのキャッシュが原因にと思われるトラブルは、この方法で解消する可能性があります。

「ハード再読込み」では、ほぼキャッシュが利用されませんが、対象のWebページから間接的に読み込まれるデータについては、依然としてキャッシュが利用されています。

そこで、さらなる手段として「キャッシュの消去とハード再読み込み」を両方実行する方法があります。

実行するにはまず、Chromeで対象のWebページを開いた後［F12］キーを押して、デベロッパーツールを起動します。

デベロッパーツールはウィンドウの下部などに表示されます。

次に、アドレスバーの脇にある再読み込みボタンを右クリックし、メニューから「キャッシュの消去とハード再読み込み」をクリックします。

これで、Webページの読み込み前にキャッシュのクリアが実行されます。最終手段として知っておくと便利です。

Webブラウザを長く使っているとキャッシュが原因で思わぬトラブルに見舞われることがあります。Webページの表示トラブルの際はここで挙げた方法を試してみてください。