[Webサイト制作] 特定のCSSやJSファイルを強制リロードさせるには

ファイル名を変えればブラウザは違うファイルと認識してロードしてくれる。だけど、CSSを編集するたびにCSSファイル名を変えるのは手間。

そこで、以下のようにCSSのURLにクエリ文字列を付加しておくと、ファイル名は同じでもクエリ文字列が変わるとCSSが再ロードされるらしい。

これを利用すれば、ページがロードされるたびにクエリ文字列を変化させることで、常にCSSをキャッシュさせないようにできそう。

参考サイト

CSSファイルやJavaScriptファイルを読み込むときの末尾にあるクエリー文字列は何のためにあるか: 小粋空間
http://www.koikikukan.com/archives/2011/08/29-015555.php

WordPressテーマのcssの末尾にクエリ文字を加えてキャッシュさせないようにする – かちびと.net
http://kachibito.net/wordpress/prevent-css-caching.html

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です