检查浏览器后退按钮历史记录

Question

我有一个单页应用程序，并且在一些按钮/链接上调用了一些 Angular js 函数并改变了页面内容。现在因为它是一个单页浏览器，它将保存原始页面的历史记录，而不是被点击并更改内容的 Angular js 链接。但我想将该历史记录存储在最近访问过的页面中，这样如果有人单击浏览器后退按钮，则会加载以前的内容。

例如,

假设我访问了first Google home page them my app and then click on any link which changes the content of page .

Google 主页 (1)> 我的应用 (2)> 点击链接，内容已更改 (3)。

点击浏览器后退按钮时的原始行为 -> back button will load Google home page .

目前我在 (3) 页面，返回按钮会将我发送到 (1) 页面而不是 (2)

预期行为 ->

click on browser back button must move me as 
  (3) then (2) then (1) goggle home page

Answer 1

您可以在路由器功能中使用 html 推送状态。 例如：

var enablePushState = true
pushState = !!(enablePushState && window.history && window.history.pushState)
if (pushState) // New Browser supported
    Backbone.history.start({ pushState: true, root: "/" }); 
else // Old Browser supported
    Backbone.history.start();