リロード大戦再勃発
じつは2018年の夏から始まったこの戦い。
前記事でも完全には制圧できていなかったんですね。
今回は、HTMLもCSSもPHPも書き換えアリ、画像はすべて撤去という、わりと大掛かりな仕様変更。
最新画面にならない人続出、古い画面のまま送信してくる人続出です。
ていうか、キャッシュで送信できることに驚き。
しかし、古い画面の人のために画像とかCSVとか、いらんものを残しておくのも不愉快です。
とういうわけで、今回は切口を変えて「強制的にリロードさせる」方向で調べました。
最初、<head>に1行加えるだけだからメタタグを試してみました。
【参考】meta refreshって何?リダイレクトと何が違うの?
<meta http-equiv="refresh" content="3; URL=https://shinritsu-ags.jp/staff/regular.html">
ブラウザのタブのアイコンの部分がリロードするたびに点滅します。
でも、永遠に繰り返します。無限ループです。これはちょっと・・・
しかも、これ、メールフォームのページには使えません。文字を入力しようとしてもリロードされたら空欄に戻っちゃうじゃん。
たまたま背後でスタッフさんからそんな電話がかかってきてて「やべえ」てなりました。やっべえ。
なんとか更新後に1回、全員にリロードさせる方法はないものか・・・
JavaScriptです。
まあ、考えようによっちゃHTMLには<head>に1行加えて
<script src="reload.js"></script>
ファイルを一つアップロードすればいいので
var __onload_flag = window.onload; window.onload = function() { if (__onload_flag) { __onload_flag(); location.reload(); } }
汎用性があって一番いいかも。
あまり体感はありませんが、たぶん、アクセスするたびに勝手にリロードされているのでしょう。
もしかしたら、今まで毎回入力しなくて済んでいたスタッフさんは「毎回真っ白になるなぁ」てなるかもしれないし、逆に、ブラウザ開きっぱなしで使ってて、これでもリロードされない人もいるかもしれない。
もうね、みんながどんな風に使ってるのかまでわかんないんだから、フォローしきれないですよ。
プロのウェブ屋はどうしてんのかな~