在 Chrome/Safari 中使用 History.pushState 复制历史记录

Question

我在 Chrome 和 Safari 中使用来自 https://github.com/browserstate/history.js/ 的 History.js 时遇到了一个奇怪的问题

如果我点击几个不同的“.node”项目，然后查看我的浏览器历史记录，每次点击都有重复的条目，并且需要两次返回按钮才能返回最后一个“真实”状态。我在其中添加了一个 console.log(id) 并且可以确认该事件仅触发一次。

在 Firefox 中，它按预期工作。我只在 Chrome 和 Safari 中看到重复的历史记录项。

$( "body" ).delegate( ".node" , "click", function(){
    id = $(this).data('id');
    History.pushState({"Foo":"Bar","ID":id}, "Title for "+ id, "/item-"+id);
});

Answer 1

我在 Chrome 中遇到了与此类似的问题（在 IE 和 Firefox 中没有发生），结果发现 pushState 没有添加额外的历史记录条目，但是当我通过 javascript 更改 iframe 上的 src 属性时发生了.

即使它们是从远程站点（在本例中为 Vimeo）加载的，它们也会在后退/前进按钮的历史记录中显示为当前页面的副本，我必须多次单击后退。

我没有对此进行进一步测试，所以我不知道这是否是 iframe 独有的，或者是否可能是由更改任何元素的 src 属性引起的。