Chrome、Firefox、Safari、その他のブラウザでキャッシュを無効にする方法

デフォルトでは、ブラウザは Web 上で表示するコンテンツのキャッシュを作成するため、同じ Web ページを開いたときに再度ダウンロードする必要がなくなります。ブラウジングが高速化され、帯域幅が節約されますが、常に有益なのでしょうか?

ニュース、天気予報、外国為替 Web サイトなど、常に更新されるページを表示する必要がある場合、キャッシュは大きな問題になる可能性があります。これは、複数のスクリプトを実行する必要がある開発者にとってはさらに悪いことですが、キャッシュには最新の変更が表示されません。

Web ページの最新の変更を確認するために更新ボタンを何度も押したくない場合は、ブラウザのキャッシュを無効にする必要があります。ここでは、Chrome、Opera、Microsoft Edge、Firefox、Safari でキャッシュを無効にする方法を説明します。

Chrome、Opera、Microsoft Edge でキャッシュを無効にする

まず、キャッシュを無効にするために必要な手順はすべてほぼ同じであるため、 Chromium ベースの ブラウザをすべて取り上げます。以下の手順は、Chrome、Opera、Edge、および Brave などの他の Chromium ベースのブラウザに適用されます。

これを実現するには 2 つの方法があります。ブラウザの開発者ツールを使用してキャッシュを無効にするか、サードパーティの Chrome 拡張機能を使用できます。両方の方法を紹介します。

#1. 開発者ツールからキャッシュを無効にする

これはサードパーティのツールを必要とせず、簡単な手順で実行できるため、最も簡単な方法です。ただし、キャッシュを無効にしたままにするには、開発者ツール ウィンドウを開いたままにする必要があるという問題があります。ウィンドウを閉じると、ブラウザは再びキャッシュの使用を開始します。

ただし、心配しないでください。また、この余分なウィンドウによる邪魔を最小限に抑えるための回避策も紹介します。その方法を見てみましょう:

開発者ツールを開くには、キーボードの F12 キーまたは Ctrl+Shift+I キーを押します。右上隅にあるメイン メニューを開いて、 [その他のツール] サイド メニューから [開発者ツール] を選択することもできます。

ここで、 「ネットワーク」 タブに移動し、 「キャッシュを無効にする 」オプションの横にあるチェックボックスをオンにします。 [ネットワーク] タブが表示されない場合は、[開発者ツール] ウィンドウの隅をクリックしてドラッグしてサイズを大きくすると、非表示の [ネットワーク] タブが表示されます。

これでページを更新できるようになります。この開発者ツール ウィンドウが開いている限り、ページはキャッシュから読み込まれません。

このウィンドウは画面上である程度のスペースを必要とします。角をドラッグしてサイズを小さくすると、気が散るのを最小限に抑えることができます。ただし、ウィンドウを完全に閉じずに削除する場合は、別のウィンドウで開く必要があります。その方法は次のとおりです。

[開発者ツール] ウィンドウで、縦に 3 つの点が並んだメニューをクリックし、 [ドック側] オプションの横にある [別のウィンドウにドック解除] オプションを選択します。これにより、現在のウィンドウとは別の新しいウィンドウで開発者ツールが開き、最小化することができます。

#2. Chrome 拡張機能を使用する

ほとんどの Chromium ベースのブラウザでは Chrome 拡張機能も使用できます。専用の Chrome 拡張機能を使用してキャッシュを無効にすることができます。拡張機能はオンデマンドで Chrome のキャッシュを無効にすることはできませんが、 Classic Cache Killer 拡張機能はキャッシュを無効にすることなく同様のことを行います。

この拡張機能を有効にすると、ブラウザで新しいページを読み込むたびに、すべてのブラウザ キャッシュが自動的に削除されます。利用可能なキャッシュがない場合、ブラウザはキャッシュからデータを読み込むことができません。これはキャッシュを無効にするのと同じです。

拡張機能の使用も複雑ではありません。拡張機能ボタンをクリックするだけでオンまたはオフにできます。ただし、各ページを読み込む前にキャッシュを削除するとブラウジングが遅くなる可能性があるため、必要のない場合は無効にしておく必要があります。

Firefox でキャッシュを無効にする

Firefox では、開発者ツール ウィンドウを開いたままにすることを気にせずに、キャッシュを永続的に無効にすることができます。ワンクリックでキャッシュを完全に無効にする Firefox アドオンもあります。両方の方法を紹介します。

#1. 環境設定を使用して Firefox のキャッシュを無効にする

キャッシュのローカルストレージを停止するには、Firefox の設定で 2 つのエントリを無効にする必要があります。その方法は次のとおりです。

Firefox のアドレス バーに 「about: config」 と入力し、Enter キーを押します。警告メッセージが表示されます。先に進むにはそれを受け入れる必要があります。

ここの検索バーに、以下の設定を 1 つずつコピー/ペーストし、値を False に変更します。

browser.cache.disk.enable

browser.cache.memory.enable

その後、ブラウザを再起動すると、Firefox はキャッシュの使用を停止します。上記の最初の設定では、Firefox がハードディスクにキャッシュを保存するのを防ぎ、2 番目の設定では、Firefox が PC メモリにキャッシュを保存するのを防ぎます。これにより、キャッシュが事実上無効になります。

これらの変更を元に戻して、キャッシュを再度有効にすることもできます。

#2. Firefox アドオンを使用する

Firefox アドオンを使用してキャッシュを無効にする方が、はるかに簡単かつ迅速です。キャッシュを頻繁に有効/無効にする必要があるとします。その場合、キャッシュを有効/無効にする必要があるたびに上記のプロセスに従うのは非常に面倒になるため、専用のアドオンを使用することをお勧めします。

この目的には、Firefox のキャッシュをワンクリックで有効/無効にできる Toggle Cache アドオンが最適です。上部のバーにある [キャッシュの切り替え] アイコンをクリックするだけで、キャッシュがすぐに無効化/有効化されます。

Safariでキャッシュを無効にする

以前は、Safari の [開発] メニューから簡単にキャッシュを無効にすることができました。ただし、このオプションは現在、Chrome の開発者ツールに似た Web Inspector ツールに移動されています。興味深いことに、これは Chrome と同様に機能し、キャッシュを無効にしておくには Web インスペクターを開いたままにする必要があります。

その方法は次のとおりです。

上部バーの 「開発」 メニューをクリックし、メニューから 「Web インスペクターに接続」 オプションを選択します。

次に、 [ネットワーク] タブに移動し、右隅にある [リソースのロード時にリソース キャッシュを使用する] ボタンを無効にします。ボタンは線が切り取られたブロックのように見え、青色に変わります。

完了すると、Web インスペクターが開いている限り、Safari はキャッシュの使用を停止します。

最後の言葉💻

これらのブラウザの中で、Firefox はキャッシュを無効にする最も簡単な方法を提供します。キャッシュを無効にするためには危険な設定に移動する必要がありますが、その効果は永続的なため、長期的にはそれほど面倒ではありません。キャッシュを頻繁に有効または無効にする必要がある場合は、ワンクリックのプロセスで済むサードパーティの拡張機能を必ず使用してください。

こちらも興味があるかもしれません: iPhone のキャッシュをクリアする方法。