ブラウザ表示でのF5とctrl+F5の違い

Web系の開発していると画面表示確認する際に、「cssやjsは変更したのに画面を表示してみると反映されていない」という事を経験した方は少なくないと思います。
こういう場合はまず、F5もしくはctrl+F5を押下して画面を再表示(リロード)確認すると思いますが、そもそも「F5単独」押下と「ctrl+F5同時」押下では何が違うんだろう?という事についてメモしておきます。

F5単独押下時のリロード

  • ブラウザでキャッシュされている場合、キャッシュを利用して画面を再表示します。

Ctrl+F5同時押下時のリロード

  • ブラウザのキャッシュを利用せずにサーバーにある最新の情報を読み込んで画面を再表示します。
  • スーパーリロードとも呼びます
  • ブラウザによって、Ctrl + F5以外でもスーパーリロードは可能です。

ブラウザ別のスーパーリロード方法

<Google Chrome、Microsoft Edge>

  • Ctrl + F5
  • Shift + F5
  • Ctrl + Shift + R
  • Ctrl + 更新ボタン
  • Shift + 更新ボタン

<FireFox>

  • Ctrl + F5
  • Ctrl + Shift + R
  • Shift + 更新ボタン

<Opera>

  • F5
  • Ctrl + R
  • 更新ボタン

<Safari>

  • Shift + 更新ボタン

ブラウザの更新ボタンとは

上記で説明している「更新ボタン」ですが、以下の様にブラウザのアドレスバー付近に表示されている以下のような赤枠内のボタンのことを「更新ボタン」と記載しております。

「ブラウザ表示でのF5とctrl+F5の違い」への4件のフィードバック

  1. 最近になって、WEBのプログラム(ホームページ作成)をやっていて、自分のPCキャッシュを更新するためにこのCTRL+F5知ったんですが、CTRLを押さないF5だけのキャッシュ表示というのもあるそうですね・・・。私のほうで、確認したんですが、CTRL+F5を使用すると、インターネットエキスプローラーで、jvascript関連のエラーが出るようです・・・。対応策として、IE以外のブラウザを使うとか・・・。

    BINGE/binge2.web.fc2.com

  2. クライアントのブラウザ側でスパーリロードさせずにサーバー側から強制的にスパーリロードをさせる方法ってないのでしょうか?PGの更新するたびに、ユーザーにスーパーリロードさせる運用を軽減できないかなぁと。。。

  3. I am often to blogging and i genuinely appreciate your articles. The article has truly peaks my interest. My goal is to bookmark your site and maintain checking choosing details.

more info here へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。

email confirm*

post date*