Facebookで写真をタイムラインから見ているようなUXを作るコードを書いている...
- タイムラインを表示し、写真をクリックするとモーダルで開きます
- 更新すると、画像の専用ページに移動します
- 反撃してタイムラインに戻る
私は、この作業のほとんどをHTML5 History API経由で行っています。画像をクリックするときに私がやっていることは次のとおりです...
preventDefault()
(画像ページへの)リンクをたどることを避け、代わりにAJAXが画像でモーダルをロードするために使用します- アドレスバーに
pushState
表示される画像ページのURI - ここで更新すると、専用の画像ページ (手順 2 の URI) が表示されます。
- 次に、[戻る] ボタンをクリックすると、アドレス バーに前のページの URI (つまり、タイムライン) が表示されますが、まだ画像ページが表示されています。
質問:ステップ 4 で、履歴 API をバイパスし、ブラウザーに標準の「戻る」アクションを実行させて、前のページ (つまり、タイムライン) に戻る方法はありますか?