javascript - HTML5 历史 - 后退按钮到上一个完整页面？

Question

我正在使用 HTML5 历史 API 修改 URL，因为选择了某些产品属性(例如，绿色汽车、蓝色汽车)以允许深层链接共享。

但是，这不是单页应用，所以我不想劫持用户的后退按钮:如果他们按下后退键，我想让他们转到上一页，而不是上一辆车的颜色。

实现此目标的最佳方法是什么？

示例历史:

/page1
/page2
/page2?color=green
/page2?color=red
/page2?color=blue

然后按浏览器的后退按钮回到/page1

Answer 1

看起来我应该一直在使用

history.replaceState();

而不是 history.pushState();。它替换浏览器的 URL，但不添加到历史对象，因此后退按钮按我希望的方式工作。

history.replaceState() operates exactly like history.pushState() except that replaceState() modifies the current history entry instead of creating a new one.

developer.mozilla.org