ブラウザ表示での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.

コメントを残す

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

email confirm*

post date*