AMG Solution

ブラウザ別キャッシュデータの消し方まとめ

 
こんにちわ。井上です。

Webシステムを作っていると頻繁に画面やjavascript、cssを変更するのですが、稀に変更が画面に反映されないことがあります。
「F5」キーを押しても変わりません。

そこで今回は、ブラウザ別のキャッシュの消し方を紹介していきたいと思います。

キャッシュとは

ブラウザーが表示したウェブページのデータを一時的にPCに保存しておく機能です。
次に同じページにアクセスした場合に、インターネット上のデータではなく保存しておいたデータを参照するため、すばやく表示することができます。

とても便利な機能ですが、ウェブページに変更があるにも関わらず以前と同じページを表示してしまうこともあります。

そのキャッシュを強制的に削除して、再読み込みさせることをスーパーリロードと言います。

それでは日本国内のブラウザシェア率の高い順に紹介していきます。(2015年10月時点)

Internet Explorer

なんだかんだ言ってもIE利用者が多いんですね。
やはりwindowsマシンを使っているユーザーが多いからでしょうか。

キャッシュの消し方 その1
キー操作だけでキャッシュを消します。

「Ctrl」+「F5」

キャッシュの消し方 その2
ブラウザ右上の「ツール」から「インターネットオプション」を選択します。
閲覧の履歴の削除ボタンを押下します。

「インターネット一時ファイルおよびWebサイトのファイル」にチェックをいれておけば、大丈夫でしょう。
削除ボタンを押下します。

2

Google Chrome

自分の周りではこちらを使っている人が多い気がしますが、シェア第2位のようです。
IT関係者に利用者が多いのかもしれません。

Windows編

キャッシュの消し方 その1
キー操作だけでキャッシュを消します。

「Ctrl」+「F5」 または 「Shift」+「F5」

キャッシュの消し方 その2
「F12」を押下し、デベロッパーツールを表示します。(表示するだけで使いません)
ブラウザの再読み込みマークを右クリックします。
すると「キャッシュの消去とハード再読み込み」というメニューが出てくるので、選択すればOKです。

1

キャッシュの消し方 その3
設定画面からキャッシュを消します。

「Ctrl」+「Shift」+「Del」で閲覧履歴データ削除画面を開きます。
「キャッシュされた画像とファイル」にチェックが入っていれば、大丈夫でしょう。
「閲覧履歴データを消去する」ボタンを押下すればOKです。

3

Mac編

キャッシュの消し方 その1
キー操作だけでキャッシュを消します。

「command」+「R」

キャッシュの消し方 その2、その3
Windows編と同様の方法が使えます。

Fire Fox

Google Chromeが誕生する前までは使っている人が多かった気がします。
現在のブラウザシェアは第3位です。

Windows編

キャッシュの消し方 その1
キー操作だけでキャッシュを消します。

「Ctrl」+「F5」 または 「Ctrl」+「Shift」+「R」

キャッシュの消し方その2
設定画面からキャッシュを消します。

右上のメニューからオプションを選択します。
左側のメニューから詳細を選択し、ネットワークを選択します。
キャッシュされたWebページという欄があるので、今すぐ削除ボタンを押下します。

4

Mac編

キャッシュの消し方 その1
キー操作だけでキャッシュを消します。

「command」+「Shift」+「R」

キャッシュの消し方その2
設定画面からキャッシュを消します。

Windows編と同様の方法が使えます。

safari

Macユーザーが多くなってきているので増えてきてるんですかね。
Macにはデフォルトで入ってますし。

キャッシュの消し方 その1
キー操作だけでキャッシュを消します。

「command」+「R」

キャッシュの消し方その2
設定画面からキャッシュを消します。

まずはじめに「開発タブ」を表示するようにします。
メニューの「Safari」から「環境設定」を選択します。

mac1

「詳細タブ」を選択して、「メニューバーに”開発”メニューを表示」にチェックを入れます。

mac2

表示された「開発」タブから「キャッシュを空にする」を選択します。
これでキャッシュデータは削除されます。

mac3

まとめ

いかがでしたでしょうか。
シェアの高い4つのブラウザについてキャッシュデータの削除方法を紹介しましたが、ブラウザの数はまだまだたくさんあります。
全てを紹介するのは難しいので、お時間あるとき調べてみてはいかがでしょうか。

Webシステムを構築する際には、今回紹介したブラウザについては最低限テストをしておきたいですね。

INOUE'S BLOG

井上剛の記事

井上剛の記事の最新情報をお届けいたします。

SAME CATEGORY BLOG

この記事と同様のカテゴリー記事

新卒採用
はじめました。
LOADING