最新状態を表示するために

このコーナーでは*.css*.jsを頻繁に書き換えている。スマホのブラウザでは、常に最新のファイルが読み込まれて表示されるとは限らないので、定期的に次のことを実行する必要がある。
再読み込み」では、THMLファイルだけが再読み込みされるが、CSSJavaScriptは再読み込みされない。これはauブラウザ、Chromeなどに共通する欠陥である。
ページの表示に使われているCSSファイル(*.css)やJavaScriptファイル(*.js)は古いキャッシュが使われて、再読み込みされないのである。

そのため最新の状態で表示されないことが起こることになる。それを防止するために「キャッシュを消去」が必要になる。こうしておけば常に最新のファイルが読み込まれることになる。

なお、「履歴削除」や「クッキー削除」はしてもしなくてもどちらでもかまわない。このエリアの一般公開用ファイルでクッキーを使っているものはない。


CSS/JS以外の変更

CSS/JS以外の変更の場合にも「キャッシュ削除」が必要になる場合。
  1. あるファイル(A)内で他のファイル(B)への単純リンクではなく、(B)内でのid指定を新設し、その部分への局所リンクに変更しても、そのような動作にはすぐには変わらない。(B)ではキャッシュが使われているためである。

  2. 同じ画像ファイル名で別の画像に入れ替えた場合、新しい画像が反映されない。これはボタン画像などを手軽に入れ替えられるので便利だがスマホではその利点は著しく減殺される。


問題点
単に見ている人にはこれがわからない。そんなことには気がつかない。したがって、明示的に「キャッシュ削除」されることもない。この点は、ブラウザ側で最新のファイルを読み込むという動作への改良に期待するしかない。


関連事項
ゆうやけ新聞日常スナップ作成ノート
閲覧上の注意共用化の度合阿呆の画廊
共用化の雛形共用化変換表携帯徒然草
ファイル検索人魚亭歳時記縮刷歳時記
マルチリーダーマルチリーダー/PC