Web開発で変更内容がブラウザに反映されない時はキャッシュを疑う

技術

はじめに

前回前々回に引き続き、PythonでWeb開発を行っていた時に躓いた点と対策方法をご紹介します。

ただし、今回はPythonはほとんど関係ありません。

環境

  • Windows11
  • Google chromeを使用
  • 筆者はWeb開発は初心者(ここ重要)

事象

PythonでCGIプログラミングを行った際、ソースコードを変更したのにも関わらず、ブラウザに変更内容が反映されない。(html,css,pyahonプログラムなどを変更した)

解決方法

今回の原因は「ブラウザのキャッシュ」が残っていたために、ソースコードの最新の変更が反映されなかったことでした。

ですので「ブラウザのキャッシュの削除」を行うことで解決することができました。

また、2つご紹介したいTips(小技)もあったのでご紹介します。

ブラウザのシークレットモードを使用する

各ブラウザによって呼び方は違いますが、Chromeで言うシークレットモードを使用するとキャッシュが残らないため、開発時はシークレットモードを使用するのは有効だと感じました。

ただし、シークレットモードのブラウザを開いている間はキャッシュは残ってしまいます。シークレットモードのブラウザを閉じるときにキャッシュが残らない仕組みなので、ブラウザを閉じずにずっと使い続ける場合は、下記のスーパーリロードを使うのが効果的かなと思います。

shift + F5でスーパーリロードを行う

Chromeの場合「shift +F5」でブラウザのキャッシュを削除しながらブラウザを更新できるスーパーリロード機能が使えます。いちいちキャッシュクリアするのはめんどくさいと思いますので、このショートカットも有効です。(ほかのブラウザでもありますがショートカットが違うみたい)

ただし、厳密にはキャッシュが完全にクリアされない場合もあるらしいのでそれでもキャッシュが残る場合は普通にキャッシュを削除しましょう。

おわりに

Web開発で変更内容がブラウザに反映されない時はキャッシュが悪さをしていたというお話でした。

私は普段Web開発をしていないので、躓きました。

Web開発はこういったブラウザの特性や仕組みを知っておかないと、気を付けないといけない点が結構あるんだなと感じ、勉強になりました。

関連記事