WEBサイトを運営していたり、WEB制作に携わっているとキャッシュクリアを行うことは、多々ありますよね。サイトの見た目を変えたり、機能面をカスタマイズしたり、何かを更新した場合は、キャッシュクリア後に確認しなければなりません。

「キャッシュって何?」という方は、下記記事でもご覧いただけます。

上記記事内でも、スーパーリロードでキャッシュをクリアする方法を紹介していますが、キャッシュされているファイルの種類によっては、完全にクリアできないことがあります。

というわけで当記事では、主要ブラウザ別のキャッシュ削除方法と、キャッシュが消えないときに試せる方法もご紹介いたします。

ブラウザのキャッシュをクリアするとどうなるのか

ブラウザキャッシュをクリアすると、ブラウザに一時的に保存されていた画像や動画、テキストデータなどが削除されます。

これらを保存しておくことで、再度アクセスした際にスムーズにページを閲覧することができるわけですが、ページが最新の状態で表示されないというデメリットもあります。

キャッシュをクリアしてもログイン情報やパスワード、フォームの入力履歴などは削除されないので、心配はいりません。

ブラウザ別のキャッシュクリアの方法

主要ブラウザ別のキャッシュクリア方法を紹介いたします。結論からいうとSafari以外のブラウザでは、以下のショートカットで表示される画面に従って操作するのみです。

Win:Shift+Ctrl+Delete
Mac::command+shift+delete

Chrome(PC/スマホアプリ)

まずは、多くの方に馴染み深い人気ブラウザ Chromeでの操作方法です。PCとスマホアプリの両方をご覧いただけます。

PC

前述のショートカットキーで表示される下記画面で「キャッシュされた画像とファイル」を削除すれば、ブラウザキャッシュのクリア完了です。

chromeのキャッシュクリア画面

スマホアプリ

スマホアプリの場合は、次の手順で削除できます(以下iPhoneの例)。

スマホchromeのキャッシュ削除

  1. Chromeアプリで右下の「⋯」をタップ
  2. 「履歴」をタップ
  3. 下部の「閲覧データを削除」をタップ
  4. 「キャッシュされた画像とファイル」にチェックが入っていることを確認して削除

Safari(Mac/iPhone)

iPhoneでもお馴染みのSafariでのブラウザキャッシュのクリアの手順です。MacとiPhoneそれぞれの操作方法をご紹介いたします。

Mac

まずは、上部のツールバーに「開発」というメニューを表示させる設定が必要です。Safariを開いている状態で、上部ツールバーの「Safari」をクリックし、「環境設定」を開きます。

開発メニューの表示箇所

その中の「詳細」タブを選択し、「メニューバーに”開発”メニューを表示」にチェックを入れます。ここで表示された「開発」メニュー内の「キャッシュを空にする」でキャッシュクリア完了です。

safariのキャッシュクリア箇所

iPhone

iPhoneでキャッシュを削除する際は、少し注意が必要です。キャッシュを一括削除しようとするとCookieや閲覧履歴、開いていたSafariのタブまで全てまとめて削除されます。

iPhone Safari キャッシュ削除方法1

  1. 「設定」アプリからSafariを選ぶ
  2. 一括削除したい場合は、「履歴をWebサイトデータを消去」をタップ
  3. サイト別に削除したい場合は、下部の「詳細」をタップ

閲覧履歴やタブを残したい場合は「詳細」から「WEBサイトデータ」を個別にスワイプして削除可能です。

また、Safariから履歴を直接削除する方法もございます。

iPhone Safari キャッシュ削除方法2

  1. Safariアプリの下部にあるブックマークアイコンをタップ
  2. 時計のアイコンをタップ
  3. 右下から消去

こちらの方法なら履歴(キャッシュ)、Cookieを削除する期間を指定可能です。

Edge

Microsoft製のブラウザ「Edge」ですが、こちらもChromeと同様のショートカットキーで表示される下記画面に従って操作して、削除するだけです。

Edgeのキャッシュクリア箇所

FireFox

こちらも冒頭のショートカットキーで表示される下記の画面で操作するのみです。

Firefoxのキャッシュクリア箇所

Firefoxのみ他より少し丁寧な印象ですね。ピンポイントで項目を指定して削除しやすいです。

キャッシュが消えないときに試したい方法(Chromeのみ)

Chromeの検証モードを開きます。以下のショートカットで開けます。

Win:F12
Mac:option+command+I

下記箇所を右クリックすると「キャッシュの消去とハードの再読み込み」という項目があるので、こちらをクリックしてキャッシュをクリアしましょう。

キャッシュの消去とハードの再読み込み(Chrome)

この方法でキャッシュをクリアすれば、スーパーリロードで更新できない問題を解消できるはずです。

それでも更新されない場合は、シークレットモードでブラウザを開く方法もお試しください。
履歴がキャッシュされない機能ですので、最新状態をご確認いただけるはずです。

Google Chromeをお使いの場合は、以下のショートカットをお使いいただけます。

Win:Ctrl+Shift+n
Mac:command+Shift+N

safariやFirefoxをお使いの場合は、下記の公式ページよりご確認ください。

まとめ

ブラウザ別のキャッシュの削除方法を解説いたしました。基本的に下記のショートカットを覚えておけば、簡単にキャッシュを削除できます。

Win:Shift+Ctrl+Delete
Mac:command+shift+delete

Chromeならより確実にキャッシュをクリアできる「キャッシュの消去とハードの再読み込み」もお試しいただけます。WEB制作に携わっていると、キャッシュが原因で確認作業が滞ることも意外と多いです。簡単なショートカットなので、ぜひご活用ください。

Cookieの削除方法についてはこちらの記事をご覧くださいませ。