CSSブラウザのキャッシュ

Question

CSSファイルは、次のように追加されたキャッシュのpossibiltyあります： - そのファイルに行われた変更がすぐに反映取得されていないよう

<link rel='stylesheet' type='text/css' href='rstyle_sheet.css'> 

。

「はい」の場合、それを解決する方法は？

Answer 1

はい、このように、CSSファイル名の後にタイムスタンプを追加します。

<link rel='stylesheet' type='text/css' href='rstyle_sheet.css?1312843018'> 

および更新ファイルを変更するたびにタイムスタンプ。レール上のルビーのようなフレームワークがたくさんあります。

Answer 2

ほとんどのブラウザは、あなたがそれを防ぐために、バージョン番号を追加することができますCSS
をキャッシュ：

<link rel='stylesheet' type='text/css' href='rstyle_sheet.css?v=2'> 

Answer 3

開発中で、キャッシュされたバージョンを望まない場合は、ブラウザでキャッシュを無効にしてください。

私はツールの以下の組み合わせを使用します。それは、HTMLページも、 Firefoxの+のWeb Developerツールバー をして、そのように呼ば無効化>を無効にキャッシュ

Answer 4

CSSスタイルシートは、他のすべてのリソースと同様にキャッシュされ、JavaScriptファイルや画像。

他のすべてのリソースと同様に、HTTPヘッダーExpires:およびCache-Control:を使用して、キャッシュの動作に影響を与えることができます。つまり、Webサーバーの設定を変更するか、CSSファイルをプレーンテキストではなくPHPスクリプトで提供する必要があります。

Answer 5

Macでは、コマンド+ shift + rを使用して強制的にページを更新します。