Google Chromeでキャッシュ無視して再読込する方法

Webサイトを運営していると、

サイトデザインを変更しよう！　CSSを編集！　反映！

ってしても、アレ？何も変わらない・・。

なんてことが誰しも経験があると思います。

そんなときの最大の原因は、ブラウザのキャッシュですね。

そんな、キャッシュを無視してすぐに編集したCSSを読み込ませる方法を、僕の使っているブラウザGoogle Chromeについて、まとめておきましょう。

Contents

キャッシュ無視して読み込ませるコマンド

意外と知らないのが、キャッシュを無視してページをリフレッシュするコマンド。多分どのブラウザにもあります。機能としては「ハード再読込」という機能となります。(なぜかスーパーリロードと呼ばれたりもしているみたいですが。)

そしてそのコマンドは、Google Chromeでいえば

Shift + F5

または

Ctrl + Shift + R

です。

CSSが反映されないときは、ひとまずこれをしてみましょう。

CSS反映などに限らず、クッキー情報や閲覧履歴などを含めてキャッシュを削除したいということもあると思います。

その場合、Google Chromeでは、

ブラウザ右上のメニュー　→　設定　→　詳細設定を表示　→
プライバシー項目のコンテンツの設定　→　すべてのCookieとサイトデータ

こんな画面
cookie削除

こちらの画面で、フィルターに文字列を入れれば特定のサイトのみ、全てならすべて削除することが可能です。

以上、GoogleChromeのキャッシュの取扱でした。