| -1832- 小ワザ |
|
1月=1年の1/12が終わった。・・・と言う話題は置いといて。 一般の人には関係ないが、かなり悩んだ問題なので自分メモ。 ブラウザの Chrome などを使って Webページの更新確認をしている時、cssや画像を修正したのに何故かブラウザの更新ボタンを押しても反映されないことがある。cssはスタイルシートや htmlの <style >タグ、或いは該当するタグの style="" 属性のどこに記述しても効くので、もしかしてと思ってあちこち確認してみるが、結局 *.cssファイル以外どこにも記述はない・・・・その間トライアンドエラーで修正してみた項目が戻し忘れて数日後に気づいた時にはとんでもない表示に・・・・という結果に終わることが多い。(実はこのページもここ2日ほど表示がおかしかった可能性がある) つい忘れてしまうが、原因は ブラウザのキャッシュ。一旦読み込まれたページデータはキャッシュファイルとしてローカルの PC内に保存され、同じファイルが呼ばれた時は一定期間そのキャッシュファイルが利用される。これは通常は Webの表示が早くなったり通信量が低減するという効果があるが、Webページの更新確認をしている時は「直したのに・・・?」という事になりがち。htmlページなら「更新ボタン」を押せばリロードされて反映するが cssファイルなどはそれだけではリロードされないようだ。勿論ブラウザの閲覧履歴を削除すれば全て再読込するが、それだとブラウザが記憶した全てのデータが削除され他のページの閲覧履歴やパスワードなども消えてしまうので嬉しくない。あくまでページ単位のリロードを実行したいという時のワザ。 ![]() この cssファイルなど特定ページの関連ファイルだけ全てリロードする(スーパーリロード)方法をメモ。 1.F12ボタンを押してデベロッパーツールの「検証」画面を表示させておいて「更新ボタン」を右押しして表示されるメニューのうち下2つ「ハードの再読込」か「キャッシュの消去とハード再読込を選択する。 2.「Ctrl」+「Shift」+「r」同時押し (コチラは Chromeでは最近可能になったらしい) 特に cssをいじり始めると結構ハマる問題なので心しておこう。 今日の写真は赤いツバキ。こちらも若干霜枯れの跡が見える。・・・一句「霜枯れて赤き椿は蕊揃え」 季重なり! |
|
2017/02/01 |