ひとりPython3アプリ制作、分析、解析

CSS - ページが読み込まれるたびにキャッシュを使用せずにスタイルシートを読み込ませる方法

2018-08-21 14:22:02 1150
スタイルシートを所定のフォルダから読み込ませていると、ブラウザはデフォルトでキャッシュを利用して、古くに読み込んだCSSを適用してしまうため、新しく組み込んだスタイルがうまく表示されないことが多々ある。

今回は、それを解決するためのTips

結論

index.html

<link type="text/css" rel="stylesheet" href="styles.css?[ランダムな数字]">

ポイントは、？以降にランダムな数字を入れる事で、毎度違うcssだと認識させてしまうこと。
このアドレスはキャッシュにはないぞとブラウザが認識されて、新たに読み直してくれる。
ゲットタイプのアドレスらcssには効かないため、従来通りの名前のcssファイルが参照される。

関連記事

HTML - DIV要素全体にリンクをかける方法
CSS3 8050
CSS - ボックスを横に並べてスムーズにスクロールさせる方法
CSS3 4617
このサイトについて
Mac Python3 Flask jQuery CSS3 Excel VBA Brython 旅行記 その他 1473