在页面更改时保留 url 哈希

Question

我们在 url 中使用哈希来保持应用程序中的页面状态（即，就像焦点选项卡一样）。阿拉page.html#/tabs:foo/f-name:bar.

当您在页面上提交表单时，会出现一些不一致的地方。 Chrome 将使用哈希数据重新加载页面。然而，Firefox 将返回到页面首次加载时的任何 url。 （即，如果您使用散列刷新，该散列会保留在表单提交上）

根据规范行为，哪个是“正确的”，我们应该如何处理？我们希望在页面加载时保留此 url 信息和页面状态。

是否有一个库可以很好地处理这个问题，或者我应该只是从临时 cookie 中存储/恢复这些信息？

Answer 1

创建一个用于更改哈希的函数（而不是直接更改 window.location.hash），并在该函数中循环浏览页面上的所有链接，删除旧字符串并将参数附加为新的哈希，然后用参数更新 document.location.hash。