ホームページの制作をしていると、HTMLやCSSを書き換えるたびにブラウザを更新しサイトを確認、また修正し更新して確認‥‥の繰り返しで作業を進めていきます。
作業をしているとブラウザの更新をしても表示が切り替わらない!という事がしばしば起こります。
そんな時のブラウザの再読み込み(リロード)の種類、対処法をいくつかご紹介いたします。
知っていると焦らず対処できますので、こちらにまとめさせて頂きます。
そもそも、なぜブラウザは自動で更新されないのか
Q. そもそも、なんでホームページは見るたびに自動で更新されないの?
A、毎回読み込み直してると時間がかかるため「キャッシュ」という機能で一度訪問したホームページの情報を一時的にパソコンに記憶しておきます。
この機能のおかげでより早くホームページを見ることができます。
その反面、情報が更新されていない! という事が発生してしまいます。
1、通常の再読み込み(リロード)
ではホームページの情報が更新されていない。古いままなんじゃないか?と感じた時はブラウザの再読み込み(リロード)をしましょう。ブラウザが再びサイトの情報を読み込みし直します。
再読み込み(リロード)のWindowsとMacそれぞれの方法は下記の通りです。
リロード:Windowsの場合

キーボードの「F5」ボタン、または「Ctrl」+「R」
またはブラウザの「 更新ボタン」をクリック
リロード:Macの場合

キーボードの「⌘ Command」+「R」
またはブラウザの「 更新ボタン」をクリック
ここまでは知っているという方も多いと思います。
2、スーパーリロード
再読み込み(リロード)の強化版の「スーパーリロード」
スーパーサイヤ人みたいでかっこいい響き!
通常の再読み込み(リロード)は一部のキャッシュを完全にリセットし切らない場合があります。
そんな時スーパーリロードをするとキャッシュを完全にリセットし、1からサイトの情報を取得しなおしてくれます。
方法は先ほどのリロード にボタンを1つ追加するだけ!
スーパーリロード:Windowsの場合

キーボードの「Ctrl」+「F5」ボタン、または「Ctrl」+「Shift」+「R」
または「Ctrl」+ブラウザの「 更新ボタン」をクリック
スーパーリロード:Macの場合

キーボードの「⌘ Command」+「Shift」+「R」をクリック
それなら普通のリロードいらないじゃん!と思うかもしれませんが、スーパーリロードは少しブラウザに負担がかかりますので、通常のリロードで切り替わらない場合にスーパーリロード使用しましょう。
ホームページの制作時の確認はリロードとスーパーリロードを使い分けて効率アップ!
3、キャッシュのクリア
もう1つ方法があります。
はじめにご説明した、一度訪問したホームページの情報を一時的にパソコンに記憶しておく「キャッシュ」情報を完全にクリアする方法です。
キャッシュをクリアすると一時的に保存していた情報が失われるため、訪れたサイトの情報を新たに取得しなおしてくれます。
※更新したいサイトだけでなく全てのサイトのキャッシュ情報がクリアされる場合があるのでご注意ください。
ブラウザのキャッシュをクリアする方法は各ブラウザによって違いますので下記リンクサイトをご覧ください。
Adobe ブラウザのキャッシュをクリアする方法
https://helpx.adobe.com/jp/legacy/kb/222659.html
小ワザ:プライベートウィンドウ
FireFox、google Chrome、Safariなど多くのブラウザに「プライベートウィンドウ」という機能が搭載されています。この機能は閲覧履歴やフォームに入力した情報などを残さないようにホームページを見る機能です。
いけない事を検索する時(笑)や、例えばネットカフェで自分のAmazonアカウントにログインする時などに便利な機能です。

使い方は一番上のメニューの「ファイル」から「新規プライベートウィンドウ」を選択すると簡単に切り替えることができます。

「プライベートウィンドウ」を使えば、取得しているキャッシュ情報に干渉されていないページを開くことができるので、ホームページ制作中にリロードが上手くいかない時の確認手段に便利です。
まとめ
いかがでしたでしょうか。
ホームページが更新されない時の対処法、ブラウザの再読み込み(リロード)の方法を2種類とキッシュのクリア方法、プライベートブラウザでの閲覧と4種類の対処法をご紹介いたしました。
ホームページの製作時に更新されない不具合があった場合は以上の方法を試してみてください。
- WEBやプログラミングの知識をつけたい
- でも、スクールの学費は高すぎる
という方には、安価で始められる「侍テラコヤ」をチェックしてみて!
\今なら1ヶ月無料クーポンコードあり/
-
-
「侍テラコヤ」は安くで始めるプログラミングスクール【リスキリングにおすすめ】評判や特徴をレビュー
続きを見る
1月31日まで