ブラウザの「戻る」を押した時にはキャッシュを利用し、リンククリックや更新を選択した時はページを更新する方法

ブラウザの「戻る」を押した時にはキャッシュを利用し、
リンククリックや更新を選択した時はページを更新する方法を教えてください。

現在、PHPとJavascriptでWebサービスを作成しています。

私のページは、下記のHTTPレスポンスを利用して、
都度、取得したWebページを更新するような処理を入れています。

Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0

この仕組みを変更し、表題のようにロジックを変更したいのです。

現在、ページの構成は下記のようになっています。
A.php -> B.php

A.phpにはJavascriptで記述した「もっと見る」のボタンが付いており、ajaxによってページングが実現します。

この時、A.phpからB.phpに遷移し、ブラウザの「戻る」を
選択すると、A.phpに記述したajaxが初期化されてしまいます。
また、前述したキャッシュコントロールが効いていて、
A.phpに要素をDBからランダムに取得するような要素があると
「戻る」を押したときに要素が更新されてしまいます。

TwitterやFacebookのスマートフォンのWebページのように、(タイムラインのページ)
もっと見るを選択してから関係のない別ページに行き、「戻る」を押したときには、
以前閲覧していたもっと見るの要素が残っているような表示するには、
どのような設定をすれば良いのでしょうか？

TwitterやFacebookのスマートフォンページは、
まさに、私の考えてる仕様になっていて、
「戻る」を選択した時だけ以前開いていたページにそのものが表示されており、
そのURLを更新したり、URLを直打ちすると新たにページを取得している動きをしています。

何かキャッシュなどを使って特殊なことをする必要があるのでしょうか？

行動規範の内容に同意します

回答2件

ベストアンサー

　そのヘッダの送出はおそらくbfcache対策として行っているんだと思いますが、

TwitterやFacebookのスマートフォンページは、
まさに、私の考えてる仕様になっていて、
「戻る」を選択した時だけ以前開いていたページにそのものが表示されており、
そのURLを更新したり、URLを直打ちすると新たにページを取得している動きをしています。

　この機能をご利用されたいのであれば、bfcacheを利用するしかないと思います。

戻るボタンが押された際、ページのJavaScriptを途中の状態から実行させない方法
 Using Firefox 1.5 caching
↑以上のページを見ますと、pageshow イベントを拾って event.persisted をチェックし処理を分けるつまり、bfcacheを利用しているならそのままDOMを維持し、そうでないならイニシャライズ処理をする、というのがいいのではないでしょうか。

投稿2014/11/15 08:56