WEBブラウザで、ページを戻っても最後に表示したタブ切替コンテンツ（javascriptで作成）を表示する方法を教えてください。

質問

javascriptで、ページ遷移せずに内容をタブ切替できるページを作成していますが、別ページへリンクしたあと、ブラウザでの「戻る」やjavascriptの「history.back」で戻ったときにタブコンテンツが最後の状態で表示できる方法がありましたら教えてください。

そのページはECサイトの商品紹介のページで、一覧のカテゴリをタブで切り替えられるようにしています。
一覧から詳細ページへ遷移し、そこから一覧へ戻った時に、最後に見ていた内容がリセットされてしまうことを回避したいです。
ユーザーはついさっきまで見ていた内容にたどり着くまでに不要な煩わしさが生じてしまうので良くないのです。

どうぞよろしくお願いいたします。

回答No.2

SAYKA · ベストアンサー

自作再読込ボタンっていうのは
戻るだとか何かの原因で更新のjsが駆動しなかった場合に無理矢理jsを駆動させるためのボタン

戻るボタンを押す前のjsでcookieに状態を保存して再読込でcookieによって状況を把握するという手法。
でもあまりオススメできないかな。やっぱり戻るボタンは押させないに越したことは無いからね。

お礼

ご回答ありがとございます。

結局、再読込みボタンをユーザーにクリックさせるアクションが必要になってきてしまうということでしょうか。
そうするとやはり得策ではないですよね。

ご丁寧に対応いただき、本当にありがとうございます。

回答No.1

SAYKA

通常「戻る」を使わせない形にするしかないね。
ただ、history.backの方は対処できるよ。
backじゃなく、そのhistoryと同じ物に「進む」ならできるからね。

なんで他は無理かっていうと、戻るだと「javascriptが動作してくれない」から実はどうにもならない。
どうしてもっていうならcookie保存と「自作再読込ボタン」じゃないかな。

お礼

さっそくのご回答ありがとうございます。
historyの使い方に仕掛けがあるのですね。
また、ブラウザの「戻る」はjavascriptを活かすことができないのですね。
現状の力では対応するのに相当時間がかかってしまいそうので、
今回の件では、タブ分けしていた分をページ化して対応することにいたしました。

勉強して、cookie保存に挑戦してみたいと思います。

ちなみに「自作再読込ボタン」とはどんなものなのでしょうか。
今回の場合、どのように役立つのでしょうか。
お時間にお差支えなければご教示ください。

よろしくお願いいいたします。

補足

最終的にタブ分ページを作成し対応できました。
今回Javascriptを使う必要性は実際あまりなかった気がしました。

location.hashとアンカー組み合わせて対応可能かもしれないと友人から教えていただきました。勉強してまた質問させていただきます。

ご回答まことにありがとうございました。