web制作

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

修正されていない…?

私の本職はWeb制作なのですが、サイトの修正などを行ったあとお客様に報告を行った時にお客様から「修正されていない」と言われることがあります。
これはお客様のブラウザにキャッシュが残っており、そちらが表示されているせいで修正したものが修正される前の状態で表示されている事が原因です。
ブラウザキャッシュについては説明しませんのでgoogleなどで検索してみてください。

今回は2022年5月現在で主要なブラウザだけ書いておきます!

Google Chrome

Windows

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

Mac

  • Shift + 更新ボタン
  • Cmd + Shift + R

Safari

Mac

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

iOS

  • 設定 → Safari → 履歴とWebサイトデータを消去

Microsoft Edge

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

まとめ

このような感じでとりあえずここだけ抑えておけばOKだと思います。ちょっと面倒なのがiOS版のSafariなのですね。
自分が保守管理しているサイトでは何か理由がない限りcssの末尾にタイムスタンプや、ファイルの更新日時が変数として自動付与されるようにしています。

大規模なサイトでもない限りはcssをブラウザにキャッシュさせる意味って…あるのかな?って思っています。