ブラウザの再読み込み(リロード)に種類があるって知ってた？【初心者向け】

ホームページの制作をしていると、HTMLやCSSを書き換えるたびにブラウザを更新しサイトを確認、また修正し更新して確認‥‥の繰り返しで作業を進めていきます。
作業をしているとブラウザの更新をしても表示が切り替わらない！という事がしばしば起こります。

そんな時のブラウザの再読み込み（リロード）の種類、対処法をいくつかご紹介いたします。
知っていると焦らず対処できますので、こちらにまとめさせて頂きます。

そもそも、なぜブラウザは自動で更新されないのか
１、通常の再読み込み（リロード）
- リロード：Windowsの場合
- リロード：Macの場合
２、スーパーリロード
- スーパーリロード：Windowsの場合
- スーパーリロード：Macの場合
３、キャッシュのクリア
小ワザ：プライベートウィンドウ
まとめ

そもそも、なぜブラウザは自動で更新されないのか

Q. そもそも、なんでホームページは見るたびに自動で更新されないの？

A、毎回読み込み直してると時間がかかるため「キャッシュ」という機能で一度訪問したホームページの情報を一時的にパソコンに記憶しておきます。

この機能のおかげでより早くホームページを見ることができます。
その反面、情報が更新されていない! という事が発生してしまいます。

１、通常の再読み込み（リロード）

ではホームページの情報が更新されていない。古いままなんじゃないか？と感じた時はブラウザの再読み込み（リロード）をしましょう。ブラウザが再びサイトの情報を読み込みし直します。
再読み込み（リロード）のWindowsとMacそれぞれの方法は下記の通りです。

リロード：Windowsの場合

キーボードの「F5」ボタン、または「Ctrl」＋「R」
またはブラウザの「更新ボタン」をクリック

リロード：Macの場合

キーボードの「⌘ Command」＋「R」
またはブラウザの「更新ボタン」をクリック

ここまでは知っているという方も多いと思います。

２、スーパーリロード

再読み込み（リロード）の強化版の「スーパーリロード」
スーパーサイヤ人みたいでかっこいい響き！

通常の再読み込み（リロード）は一部のキャッシュを完全にリセットし切らない場合があります。
そんな時スーパーリロードをするとキャッシュを完全にリセットし、１からサイトの情報を取得しなおしてくれます。
方法は先ほどのリロードにボタンを１つ追加するだけ！

スーパーリロード：Windowsの場合

キーボードの「Ctrl」＋「F5」ボタン、または「Ctrl」＋「Shift」＋「R」
または「Ctrl」＋ブラウザの「更新ボタン」をクリック

スーパーリロード：Macの場合

キーボードの「⌘ Command」＋「Shift」＋「R」をクリック

それなら普通のリロードいらないじゃん！と思うかもしれませんが、スーパーリロードは少しブラウザに負担がかかりますので、通常のリロードで切り替わらない場合にスーパーリロード使用しましょう。

ホームページの制作時の確認はリロードとスーパーリロードを使い分けて効率アップ！

３、キャッシュのクリア

もう１つ方法があります。
はじめにご説明した、一度訪問したホームページの情報を一時的にパソコンに記憶しておく「キャッシュ」情報を完全にクリアする方法です。
キャッシュをクリアすると一時的に保存していた情報が失われるため、訪れたサイトの情報を新たに取得しなおしてくれます。

※更新したいサイトだけでなく全てのサイトのキャッシュ情報がクリアされる場合があるのでご注意ください。

ブラウザのキャッシュをクリアする方法は各ブラウザによって違いますので下記リンクサイトをご覧ください。

Adobe ブラウザのキャッシュをクリアする方法
https://helpx.adobe.com/jp/legacy/kb/222659.html

小ワザ：プライベートウィンドウ

FireFox、google Chrome、Safariなど多くのブラウザに「プライベートウィンドウ」という機能が搭載されています。この機能は閲覧履歴やフォームに入力した情報などを残さないようにホームページを見る機能です。
いけない事を検索する時（笑）や、例えばネットカフェで自分のAmazonアカウントにログインする時などに便利な機能です。