問題タブ [pushstate]

OS X Lion の Safari では、スワイプ ジェスチャを使用して履歴を前後に移動すると、物理ページを移動しているかのようにウィンドウがアニメーション化されます。この動作の問題は、多くのアプリが既に履歴状態の変更をリッスンしており、ハッシュが変更されたとき、または HTML5pushStateが使用されたときに適切に応答することです。

完璧な例は GitHub です。たとえば、 https://github.com/johndyer/mediaelementなど、フォルダに出入りするときです。フォルダーをクリックしてから前のページにスワイプすると、最終状態の「スナップショット」が表示され、最初の状態から再びアニメーション化されます。これは混乱を招くだけでなく、アニメーションの情報価値を無効にします。

今日は私が Lion を使用する最初の日ですが、他の Web 開発者がこの問題に遭遇したかどうか、また回避策を見つけたかどうかに興味がありますか?

そのため、サイトを再設計した後、HTML5 history API を使用しようと考えました。ここで見事に使用されているのを見たとき: http://diveintohtml5.ep.io/examples/history/casey.html

問題は、提供されたコードが機能しないことです (Chrome 8 を使用)。

理由はよくわかりませんが、部分的なコンテンツが正常に読み込まれた後、リンクの href 値でページを更新するだけです。

この API の使用例は他にありますか? フォールバックとして hash/hashbangs を使用するため、History.js などは必要ありません。私はこれらを取り除こうとしています。

何か案は？

編集: Firebug は、部分的に読み込まれたコンテンツに対する無数のリクエストと同様に、「リンクに値がありません」というメッセージをスローします。これらの後、ページが更新されます

私はDavis.jsとArielFleslerのscrolLToプラグインを使用しています。私はウィンドウを私のページのdivにスクロールさせようとしています：

これは機能していません。何か案は？

IEがpushStateをサポートしていないことは知っていますが、最新のブラウザーを使用しているユーザーが、古いブラウザーを使用しているユーザーがそれを利用しない場合でも、そのメリットを享受できる方法が必要です。

現在、javascriptコードにより、タブ付きナビゲーションがIEで完全に機能しなくなります。つまり、多くのコンテンツを表示できません。

誰かが私の問題の解決策を知っていますか？

これが私のJavaScriptコードです：

ページをリロードせずにURLを変更したい。私が見つけた可能な解決策は

window.history.pushState（'page2'、'Title'、'/page2.php'）;

しかし、Firefox 3.5、IE6 +のような一部のブラウザはこれをサポートしていないので、それらの解決策は

var uri = window.location.href;

しかし、問題は、ブラウザがhistory.pushstateをサポートしているかどうかをどのように発見するかです。

TRY CATCHは、考えられる解決策か、それ以外のものです。

私は2つのことをしようとしています:

pushState を使用して URL を変更する

次に、そのリンクをルーティングして、誰かがブラウザーに入力した場合に div を表示できるようにします。

私はいくつかのスクリプトを見てきました：davis.js、sammy.js、history.js

これらのスクリプトは必要ですか? jQueryでこれを行う方法はありますか?

構文について助けが必要です。

私のサイトは、AJAX を使用して #board div 内にブログ投稿を読み込み、#close をクリックして閉じます。投稿を読み込むと、URL はhttp://www.visualise.ca/#!/anne-au-cherryのようになり、閉じるときにhttp://www.visualise.ca/に戻りたいと思います。役職。以下は私にhttp://www.visualise.ca/#/を与えます

1) 誰か助けてくれませんか?

2) ブラウザが html5 をサポートしていない場合はどうなりますか?

お時間を割いてご協力いただき、誠にありがとうございました。

更新: これは機能します。「site_url」変数にタイプミスがありました。

ajax を介して Web ページにデータをロードし、pushstate と popstate のトリックを使用してブラウザーのアドレス フィールドを変更しています。問題は、私のajax URLがそうであることです

そのため、Web ページが初めて読み込まれるとき、ブラウザのアドレス フィールドはhttp://webserver/. 最初の ajax ロードでは、 になりhttp://webserver/2011/07/25/foo.txtます。2 回目の ajax ロードでは、 になりhttp://webserver/2011/07/25/2011/07/26/bar.txtます。3 回目の ajax ロードで、ブラウザの URL フィールドは になりhttp://webserver/2011/07/25/2011/07/26/2011/07/27/baz.txtます。つまり、アドレス フィールドの最後のフラグメント (「/」で分割) のみが置換されます。

住所フィールド全体を置き換えるにはどうすればよいですか?

ブラウザをそのページに移動させずに、ブラウザのアドレス バーに表示される URL を変更することはできますか? たとえば、AJAX 呼び出しを介してページのコンテンツを更新した後などは?

私の理解では、これは不可能です。これが、twitter や facebook などのサイトが ajax 呼び出しでハッシュタグを更新する理由です。

それは今日まで、 http: //8tracks.com/にアクセスして、右側のフィルターを操作し始めたときです... さまざまなジャンルのオンとオフを切り替えていたときに、ページのコンテンツを更新すると、URL も動的に更新されていました。

誰かがこれを行う方法を知っていますか?

（余談ですが、現在Chromeを使っているのですが、IE9で見返してみたら、URLが更新されていないことに気づきました..これはChromeだけのことでしょうか？）

シングルページアプリのバックボーンについてデューデリジェンスを行っていますが、サーバー側のクライアントから同じビュー/ルートを再利用して、GoogleがプッシュステートURLにアクセスしたり、アクセスしたりすることができるかどうか疑問に思っています。サーバーは、クライアントのバックボーンによって生成されるのとまったく同じHTMLを直接生成できます。

クライアントとサーバーの2つの別々のビュー/ルートのセットを維持する必要があるのは面倒です。githubでバックノードプロジェクトを見たことがありますが、これは少しポイントを逃しているようで、同じバックボーンルーターを2回作成する必要があります。

バックボーンでプッシュステートURLを使用し、サーバーから同じビューを提供する必要がある場合、一般的にどのようにケースを処理しているのか疑問に思っていますか？人々はコードを複製していますか、それとももっと良い方法がありますか？