javascript - beautyoftheweb.com 上的后退按钮如何工作？

Question

我一直在为浏览器中的后退按钮寻找一些 javascript 钩子(Hook)。但他们似乎只支持散列 url 之间的后退/前进。也就是说，您只能从 www.mysite.com#page1 和 www.mysite.com#page2 导航，如果您单击后退，则 url 将变为没有散列，他们都失败了。就像这个:http://www.asual.com/jquery/address/samples/tabs/单击一个选项卡，然后返回，这是行不通的。

但是在 http://www.beautyoftheweb.com他们已经设法让后退按钮在散列和非散列 url 之间工作。知道他们是怎么做到的吗？

Answer 1

你确定吗？我看到一个哈希:

http://www.beautyoftheweb.com/#/highlights/all-around-fast
                              ^-- here

但假设有一些 URL 没有它们:您在其他地方看到什么样的失败？我有一个内部网应用程序，我正在使用 Really Simple History用于历史管理，您可以愉快地在 URL 之间来回移动，无论它们是使用哈希的应用程序 URL、不使用哈希的应用程序 URL，还是其他页面/应用程序的完全不相关的 URL。 (您还可以为哈希值添加书签，当您使用它时，应用程序会返回到正确的位置。)这在我的应用程序中有效，因为在初始加载时，我会查看存在的哈希值(如果有)并重新加载该状态有必要的。 (我不依赖——甚至不使用——RSH 的数据存储方面，只是哈希操作。)

---

编辑 刚刚尝试了 live demo第一个jQuery history plug-in我在快速搜索中找到了。它可以很好地处理在“散列”和“未散列”URL 之间来回切换。我转到“#2”链接，然后编辑地址栏中的 URL 以完全删除哈希并按下 Enter。这把我带到了正确的页面。然后单击返回，我正确地得到了“#2”页面。事实上，如果你go here我直接链接到“#2”链接，它会相应地加载其状态。我认为您已经看到一些天真的使用历史库，其中编码器没有正确处理初始加载。