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

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

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

<link rel="stylesheet" type="text/css" href="/css/style.css?123456" />

1	<link rel="stylesheet" type="text/css" href="/css/style.css?123456" />

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

<link rel="stylesheet" type="text/css" href="/css/style.css?<?php time(); ?>" />

1	<link rel="stylesheet" type="text/css" href="/css/style.css?<?php time(); ?>" />

参考サイト

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

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