ページを再読み込みせずにアドレスバーのURLをどのように変更しますか？

Question

Shopifyはどのようにこれを行いますか？ 、彼らのウェブサイトに行く特長のリンクをクリックすると、あなたのブラウザのアドレスバーにURLが言うことがわかります：サブリンクのいずれかをクリックして、そのURLが表示されます次に

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

アドレスバーのハッシュを使わずに変更され、ページフリップはありません。

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

Answer 1

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

ここにはthe MDN documentationとa good tutorialがあります。

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

Answer 2

pushStateをご覧ください。ただし、すべてのブラウザでサポートされているわけではありません。