ブラウザを更新してもCSSが反映されない

そんな時はスーパーリロード!

ホームページやブログのカスタマイズ後に、ページを更新して再読み込みをしてもカスタマイズ内容が反映されていない、ということがよくあります。

特にCSSまわりの修正を行った場合に多く見られるのですが、これは「ブラウザキャッシュ」が有効になっていることが原因です。

通常ならブラウザの「更新」ボタンや「F5」キーでページの更新をしますが、これではブラウザキャッシュが読み込まれてしまい、修正後の新しいファイルが読み込まれないことが多いのです。

スーパーリロードとは

ブラウザキャッシュではなく、WEBサーバーから直接ファイルをダウンロードする。それが「スーパーリロード」です。
「フルリロード」や「強制再読み込み」と呼ばれることもあります。

ブラウザで違うスーパーリロードのやり方

各ブラウザごとにいくつかの方法がありますので、1つ試して変化がなければ次の方法を試してみてください。

Google Chrome

Ctrl + F5

Ctrl + 更新ボタン

Shift + F5

Shift + 更新ボタン

Microsoft Edge

Ctrl + F5

Ctrl + 更新ボタン

Mozilla Firefox

Windows

Ctrl + F5

Shift + 再読み込みボタン

Ctrl + Shift + R

Safari

Windows

Ctrl + Shift + R

Shift + 再読み込みボタン

Ctrl + R

Ctrl + F5

IE / Windows Internet Explorer

Ctrl + F5

Ctrl + 更新ボタン

タイトルとURLをコピーしました