更改 url 而无需重新加载页面

Question

我尝试更改页面的 url 而无需重新加载页面。如果我在控制台中尝试此操作，则 URL 正在更改：

if (localStorage.getItem('product') !== null) {
    storedVariable = localStorage.getItem('product');
    url = window.location.href;
    url += '?product=' + storedVariable;
}
window.history.pushState("", "", url);

但是，当我将此代码放入谷歌标签管理器时，我的页面的 URL 是默认的。我该如何解决？

Answer 1

可能与：mdn History_API

pushState() 接受三个参数：状态对象、标题（当前被忽略）和（可选）URL。让我们更详细地检查这三个参数：

• state 对象 — 状态对象是一个 JavaScript 对象，它与 pushState() 创建的新历史条目相关联。每当用户导航到新状态时，都会触发一个 popstate 事件，并且该事件的 state 属性包含历史条目的 state 对象的副本。

  状态对象可以是任何可以序列化的对象。因为 Firefox 将状态对象保存到用户的磁盘，以便在用户重新启动浏览器后可以恢复它们，所以我们对状态对象的序列化表示施加了 640k 字符的大小限制。如果将序列化表示大于此的状态对象传递给 pushState()，则该方法将抛出异常。如果您需要更多空间，建议您使用 sessionStorage 和/或 localStorage。