ブラウザの「戻る」ボタンを使用しても強制的に再読み込みせる方法
①AページはDBを使用
↓
②遷移した先のBページでDBを更新
↓
③ブラウザの「戻る」ボタンで前のAページ(①)に戻る
この操作をした場合、③の「戻る」ボタンだとブラウザは
キャッシュを表示してしまう。
更新したデータを表示させたい。
history.pushState("", "", "");
addEventListener("popstate", function(){
location.href = document.referrer;
});
↑これを②のBページに入れておけば、戻るボタンでAページへ
行っても更新されたデータが表示される。
ただ、②のBページから①のAページへ「進む」処理になるから
履歴には残る。
- Firefox16 → OK
- Chrome32 → NG(Bページへ行くと、戻るボタンを押さないのにAページへ戻ってしまう。データは更新されるが...)
- IE9 → NG(③のAページのデータが更新されない)
最終更新:2014年02月18日 15:33