質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.85%

  • HTML

    7778questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    4965questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • HTML5

    3482questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

  • CSS3

    1799questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

CSSファイルを更新した時にキャッシュのCSSファイルが読み込まれ更新が反映されない場合、ユーザーが自主的にキャッシュのクリアを行うのに期待するしかないのか。

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 2
  • VIEW 2,815

masuo

score 210

参考サイト

上記のサイトではCSSファイルを更新した時にGoogle Chromeだと更新したCSSファイルが読み込まれ無いため、キャッシュのクリアを行わなければならないと説明されております。

これだと、cssが問題でレイアウトの崩れが発生した際に修正しても、Google Chromeのユーザーが自主的にキャッシュをクリアするか分からないので、そのままレイアウトが崩れた状態で表示されると思いますがなにか対処方法はないのでしょうか。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

+9

http://example.com/css/style.css?ver=4.2のようにクエストリング(でしたっけ?)をつけて、スタイルシートを更新するごとにバージョンをあげていけばいいのでは?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/01/09 13:27

    ご回答ありがとうございます。

    なるほどです。クエリストリングそんな方法があったとは。

    キャンセル

checkベストアンサー

+3

ブラウザがキャッシュするという動作は、Chrome に限ったことではなく、CSS に限ったことでもありません。

IE, Firefox, Opera, Safari などでもキャッシュします。CSS 以外にも html ページ本体、画像、スクリプトもキャッシュされます。(応答ヘッダの指定などでキャッシュしない設定になってない限り)

Web ページを作っていて、html ページ本体、CSS、画像、スクリプトを変更したのにブラウザに表示される画面に変更が反映されない場合、まずキャッシュを疑って、全てのキャッシュを削除することを考えてください。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/01/09 12:58 編集

    css、chromeに限ったことではないのですね。web制作側としてはユーザーがキャッシュを自主的に消すのを期待するしかないって感じでしょうか。

    キャンセル

  • 2017/01/09 13:16

    例えば外部 CSS ファイルを html ソース本体で link href="xxx.css" ... というように指定して取得しているのであれば、修正後のファイルはファイル名を変更すれば(xxx2.css とかに)修正後のファイルを取得します。(取得してまたキャッシュに入れますが)

    キャンセル

  • 2017/01/09 13:34

    ご回答ありがとうございます。

    なるほどです。後mizさんからご回答頂いたクエリストリングですね。

    キャンセル

+3

既に回答されているクエリ ストリングを使う、ファイル名自体を変える、の他に、HTTP ヘッダーを制御できるなら Cache-Control ヘッダーや Expires ヘッダーを使ってブラウザーのキャッシュ動作を制御する方法も考えられます。

参考 : ブラウザのキャッシュコントロールを正しく理解する

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/01/22 16:05

    ご回答ありがとうございます。

    そんな方法もあるんですね。勉強になります。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.85%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

  • 解決済

    railsのファビコンについて

    あるアプリケーションで開発している時にファビコンを設定したくてファビコン.icoを配置しました。 その後別のrailsアプリケーションをローカルで動かしてみたところ、上記のア

  • 解決済

    全ての記事が404に。index.phpをurlに追加できない

    no category base[WPML]というプラグインを追加しようとすると、エラーが起きプラグインがインストールできず、そのままサイトに不具合がおきていしまいました。

  • 解決済

    サーバーにアップロードすると一部のcssが崩れるのを防ぎたい

    前提・実現したいこと html,css初心者です。 ローカルでは正常に表示されているのに、サーバーにアップロードしてchrome(ネット上で)開くと一部のcssが反映されません

  • 解決済

    Laravelのキャッシュについて

    フレームワークの学習にLaravel5.4を利用しています。 viewの作り込みをしているのですが、artisanコマンドのviewキャッシュをクリアしてもjsに関して変更が反映さ

  • 解決済

    Heroku でcssが突然読み込まれなくなったので、改善方法を知りたい。

    初めまして、プログラミング初心者です。 railsで作成したアプリをHerokuにUPし、しばらく CSSで見た目の調整等を行っておりました。 昨日、いつも通りにCSSの変更を

  • 解決済

    CSS適用したときにブラウザが重くなる

    ボックス全体をリンクにしたのですが、ボックスの中にある文字とその左右しかクリックが反応しないことがわかりました。 つまりボックスの中の文字をクリックすれば正常に動作します。

  • 受付中

    python seleniumで画像を読み込ませない方法ってありますか?

    seleniumで画像を読み込ませない事って可能ですか? 画像の非表示では無く読み込ませずに起動させたいと考えています。 もし可能でご存知の方いらっしゃいましたら教えて頂けない

  • 受付中

    githubの表示が乱れる

    chromeでgithubのWEBページにアクセスしたところ githubが乱れてしまいました。 申し訳ありませんが、原因および解決方法をご存知の方がいらっしゃいましたら ご教授い

同じタグがついた質問を見る

  • HTML

    7778questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    4965questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • HTML5

    3482questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

  • CSS3

    1799questions

    CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

  • トップ
  • HTMLに関する質問
  • CSSファイルを更新した時にキャッシュのCSSファイルが読み込まれ更新が反映されない場合、ユーザーが自主的にキャッシュのクリアを行うのに期待するしかないのか。