Shopify如何做到这一点?转到他们的网站,点击功能链接,您会看到浏览器地址栏中的URL显示:
http://www.shopify.com/tour/sell-online
然后单击任何子链接,您将看到地址栏中的URL更改而不使用哈希,并且没有页面翻转.
我不认为他们使用ajax来更改内容,因为它似乎都包含在页面上的隐藏div中,但无论如何,您显然可以使用客户端技巧更改URL.感谢您的帮助?
解决方法
您使用新的HTML5历史记录API来推送新状态.
这是the MDN documentation和a good tutorial.
请注意,执行此操作通常很痛苦(您必须正确管理应用程序的状态)和it doesn’t work with IE9.它几乎总是与ajax结合使用:即使整个页面未重新加载或更改,也能让动态加载的内容成为可收藏的解决方案.