ページの内容を更新してファイルをアップロードしましたが、ブラウザで表示させると古い内容が表示される

Question

html、cssなどを編集しwebサーバーにアップロードするとセッションデータなどをいちいち削除しないと更新出来なくて困ってます。

何か一発で更新できる方法などあれば教えて下さい。
宜しくお願いします。

Answer 1

WindowsならCtrl+F5（スーパーリード）で一発キャッシュクリア（違ったらすみません）

あとはcssやjsについてはクエリをつける手もあります。
【CSS】WEBサイトの更新時、CSSのキャッシュを自動で読み直す方法

Comments

[退会済みユーザー]

ご回答頂きまして有難うございます！
＞あとはcssやjsについてはクエリをつける手もあります。
自分が求めていた物がまさにこんな感じです！！
他にもいろんな方法があればご教授頂きたいです。宜しくお願いします。

[m.ts10806]

ファイル更新時はHTML側の読み込み記述を直すのも忘れないようにしてくださいね。
PHPなどのサーバーサイドのプログラミング言語が使用できる環境であれば、自動で現在日時を入れるようなこととかファイルの更新日時を取得して入れ込むとかできますが、おそらくそういう環境ではないですよね。

[退会済みユーザー]

＞PHPなどのサーバーサイドのプログラミング言語が使用できる環境であれば、自動で現在日時を入れるようなこととかファイルの更新日時を取得して入れ込むとかできますが、おそらくそういう環境ではないですよね。

すいません…そういう環境です。
対応が変わってくる感じなのでしょうか？

[m.ts10806]

<link rel="stylesheet" href="hogehoge.css?<?= date("YmdHis") ?>
とかできますね。
関数呼び出して別途管理用バージョン番号付与するとか。
<link rel="stylesheet" href="hogehoge.css?<?= getVersion("hogehoge.css") ?>
サーバーサイドの言語を使うことでHTMLの記述も更新するという手間が省けます。

[退会済みユーザー]

有難うございます！

Answer 2

IEならCtrl+F5で試してみてください。

Comments

[退会済みユーザー]

ご回答頂きまして有難うございます！
試してみます！

Answer 3

バージョン番号をファイル名に追加するなどしてはいかがですか?

Comments

[退会済みユーザー]

ご回答頂きまして有難うございます！
参考になるURLなどあれば教えて頂けると嬉しいです…
宜しくお願いします。

[退会済みユーザー]

質問者さんのブラウザのキャッシュを消去したり書き換えたりするだけでなく、質問者さんのサイトにアクセスするユーザー全員のブラウザのキャッシュを消去したり書き換えたりしないと意味がないのでは？

であれば、html ファイルはちょっと置いておいて、.js ファイルとか .css ファイルは、例えば jQuery とか jQuery UI の .js や .css ファイルのようにバージョンを付与して、.html では script や link タグでそのバージョンを設定してやれば、ブラウザのキャッシュから取得しないでサーバーから新しいファイルを取得してきますよね。.js ファイルとか .css ファイルについてはそのようにしてはいかがですか。

問題は .html ファイルですが、これにバージョンを付与するわけにはいかないですね。でも、.html ファイルをキャッシュから取得されては、上に書いた .js ファイルや .css ファイルにバージョンを付与しても何ともなりません。

質問者さんのケースで現実的かどうかわかりませんが、.html ファイルについてはキャッシュを許可しないように応答ヘッダを設定する他なさそうです。

[退会済みユーザー]

ご丁寧な回答有難うございます。
参考にしてみます！