类似应用程序的后退按钮流程，在导航栏中带有后退按钮

Question

我有一个带有顶部导航栏的网络应用程序（运行 Rails 和 jQuery Mobile），该导航栏有一个返回箭头按钮可以转到以前的页面。

我有以下两个页面流程是这样的：

1) 主页 -> 商品 -> 商品详情

2) 收藏 -> 商品 -> 商品详情

如果我只从（主页或收藏夹）进入项目页面，我可以轻松地按浏览器的返回按钮（或添加返回链接）返回主页或收藏夹。好的，没关系。

但是如果我再往项目详情页面走一步，然后按返回按钮到项目页面，然后再次按返回按钮，它会返回到详情页面。

但我想要它做的是转到主页或收藏夹页面（我从哪个页面开始）。

我已尝试将data-rel="back" and data-direction="reverse" 添加到反向链接，但正如我上面解释的那样，它不起作用。

有什么建议或最佳实践吗？

Answer 1

您可以使用历史 API 来控制推送和弹出状态。通过这种方式，您可以轻松控制用户在浏览器上向后或向前点击时显示的内容。