6

Shopifyはこれをどのように行いますか? 彼らの Web サイトにアクセスし、[Features] リンクをクリックすると、ブラウザのアドレス バーに次の URL が表示されます。

http://www.shopify.com/tour/sell-online

次に、サブ リンクのいずれかをクリックすると、アドレス バーの URL がハッシュを使用せずに変更され、ページ フリップがないことがわかります。

すべてがページの非表示の div に含まれているように見えるため、コンテンツを変更するために ajax を使用しているとは思いませんが、クライアント側のトリックを使用して URL を変更できるようです。あなたの助けに感謝しますか？

4

2 に答える 2

9

新しい HTML5 history API を使用して、新しい状態をプッシュします。

ここに MDN のドキュメントと優れたチュートリアルがあります。

これを行うのはしばしば苦痛であり (アプリケーションの状態を正しく管理する必要があります)、IE9 では機能しないことに注意してください。ほとんどの場合、 ajax と組み合わせて使用​​されます。これは、ページ全体がリロードまたは変更されていない場合でも、動的に読み込まれたコンテンツをブックマーク可能にするためのソリューションです。

于 2012-11-16T18:11:37.473 に答える
2

pushStateを調べますが、すべてのブラウザーでサポートされているわけではないことに注意してください。

于 2012-11-16T18:12:31.640 に答える