最近、ボタンをクリックすることでページのコンテンツと有効な状態を変更する Web アプリをいくつか見ました。次に、アプリの別の部分に移動するためのリンクがあります。ブラウザの [戻る] ボタンを押して元に戻りたいと思うことがあります。でも、最初にそのページに入ったときのコンテンツをよく見ます。
戻るボタンがページの前の (最後の) 状態に戻るように、最新の Web アプリでナビゲーションを構築するための良い方法は何ですか。
最近、ボタンをクリックすることでページのコンテンツと有効な状態を変更する Web アプリをいくつか見ました。次に、アプリの別の部分に移動するためのリンクがあります。ブラウザの [戻る] ボタンを押して元に戻りたいと思うことがあります。でも、最初にそのページに入ったときのコンテンツをよく見ます。
戻るボタンがページの前の (最後の) 状態に戻るように、最新の Web アプリでナビゲーションを構築するための良い方法は何ですか。
uが「モダン」とはどういう意味かはわかりませんが、ここでこのディスカッションを確認し(ブラウザの履歴の操作を制御する方法と、なぜ[時々悪ではない]のかについて)、このjQueryプラグイン(hashable
履歴について)も調べてください。および状態)。
そして関連するSOの質問については:これをチェックしてください
AJAX を利用した動的な 1 ページ アプリについて言及していると思います。
最近のほとんどのブラウザー (IE10 を含む) でサポートされている履歴オブジェクトの新しいPushState()およびreplaceState()メソッドを使用すると、ページの更新をトリガーせずにブラウザーの履歴を操作できます。これにより、状態にオブジェクトをアタッチできます。これは、onpopstateイベントがトリガーされると、つまり、ユーザーがブラウザーで前後に押すと使用できるようになります。
オブジェクトが渡されると、それに応じてページを操作できます。たとえば、投稿に一意の ID を渡して、AJAX で読み込むことができます。
この記事にはいくつかの答えがあるかもしれません。HTML5 の pushState と popState を使用して、ページを完全に更新することなく、進む/戻るが使用されているときに Web アプリの状態を維持する方法について詳しく説明します。