【Labs】Chromeでキャッシュを簡単に削除するショートカットキー

こんにちは（・∀・）

明けましておめでとうございます。

だいぶ明けてしまいましたが、皆さん新年はいかがお過ごしでしたか、今年は共に良き年にしましょう。

さて、新年最初の投稿はGoogle Chromeでキャッシュを簡単に削除するショートカットキーをご紹介します。

Web制作に関わる方ならGoogle Chromeを使用している方は多いと思いますし、わりと知られている内容なので「知ってますよ」という方はスルーしていただければと思います。

Web制作初心者の方はどうぞ覚えていってください。

Google Chromeでキャッシュを削除

Webブラウザはその機能の一つとして、素早くホームページが表示されるよう、一度訪問したWebサイトの情報をキャッシュ(保存)する機能があります。

とても便利な機能なのですが、Web制作者にとってはちょっと邪魔な機能となることがあります。

コーディングしている時に、更新したCSSファイルやJavaScriptファイルの内容がキャッシュによって正しく表示されなかったりということがよくあります。

そんな時はリロードして再読み込みしますが、リロードや俗にいうスーパーリロードなどではキャッシュ機能が強力過ぎて更新した内容が画面に反映されないことが多々あります。

リロードやスーパーリロードはキャッシュを削除せず、再読み込みするという機能なのですが、どうも機能していないようです。

なのでキャッシュその物を削除したいところですが、GUIを利用したキャッシュの削除方法だとちょっと面倒です。

やり方は、

1. ブラウザ右上のGoogle Chromeの設定ボタンをクリック
2. 展開したメニューの中にある設定をクリック
3. すると設定画面が新しいタブで表示されます
4. 下の方にスクロールして詳細設定ボタンをクリック
5. 閲覧履歴データを消去するをクリック
6. キャッシュされた画像とファイルがチェックされていることを確認してデータを消去をクリック
7. 設定画面のタブを消去して終了

という中々面倒な作業が発生します。

そこでショートカットキーの出番です。

ショートカットキーを使用すればChromeのキャッシュの削除はとても簡単です。

ショートカットキーでChromeのキャッシュを削除

1. Macの場合、cmd + shift + deleteキーを押下(Winはcmdの代わりにctl❓)
2. 閲覧履歴データを消去する画面が表示されたらreturnキーを押下
3. 最後にcmd + wキーを押下して設定タブを削除

ショートカットキーを使えばキャッシュの削除が簡単にでき、それまでやっていた元の作業に素早く戻れるということがわかると思います。

注意事項として、「キャッシュされた画像とファイル」の項目にだけチェックをするというところが重要です。

「閲覧履歴」と「Cookieと他のサイトデータ」の項目のチェックを外しておかないと、他のログイン履歴など全てリセットされてしまい、再度全てのログインしているサイトでログインし直しという災害が発生してしまいます。

Web制作初心者の方、画面の更新確認は、コーディングしていると必ず発生するので、このショートカットキーを覚えておくと便利ですよ。