あれ?CSSの変更が効いていない??そんなときはキャッシュを疑おう

キャッシュを消したいホームページを開く

ホームページの制作をしているとCSSの書き換えを行うことがあります。
そんなときにまれにですが、CSSの変更が効かずに困ってしまうことがあります。
いくつか原因があるのですが、意外と見落としがちなのがブラウザやサーバーなどに保存されているキャッシュです。

今回はそんなキャッシュのクリア方法を紹介します。
ちなみに使用するブラウザは、Google Chromeの前提で行います。

検証からキャッシュのクリアを!

まずはCSSのキャッシュを消去したいホームページを開きます。
ここでは例のために弊社のホームページを開いています。

キャッシュを消したいホームページを開く

ここで右クリックをして、「検証」をクリックします。

検証をクリックする

その後に、更新マークのところで右クリックをして、「キャッシュの消去とハード再読み込み」をクリックします。

キャッシュの消去とハードの再読み込み

この方法で多くの場合キャッシュの消去ができます。
キャッシュが消去されてもCSSがうまく反映されない場合は、CSSの内容自体が間違えている可能性がありますので、CSSのコードを確認する必要があります。

このようにして問題の切り分けを行いながら作業を進めていくことで、少しでも効率のよい制作を行っていきましょう。

関連記事

  1. HTMLコードイメージ
  2. CSSイメージ画像

最近の記事

  1. Localization native development regionをJapanに設定
  2. うさじゃんぷスクリーンショット1
  3. うさじゃんぷスクリーンショット1

スポンサードバナー

PAGE TOP