history.pushState 不生效

history.pushState() 方法用于将当前 URL 添加到浏览器的历史记录中，但它不会导致浏览器窗口或标签页刷新。如果该方法没有生效，可能有以下原因：

1. 不支持 pushState 方法：该方法在某些旧版本的浏览器中不被支持。可以使用 Modernizr 进行检查。

2. 传递的参数不正确：该方法需要传递三个参数，分别是状态对象、页面标题和 URL。如果其中任何一个参数未正确传递，方法将不起作用。

3. URL 不符合同源策略：使用 pushState() 方法时，URL 必须符合同源策略，即与当前页面的协议、主机和端口号匹配。如果不符合同源策略，将会抛出错误。

4. 浏览器不支持 HTML5 历史记录 API：该方法需要浏览器支持 HTML5 历史记录 API。如果浏览器不支持该 API，则无法使用 pushState() 方法。

5. 事件被阻止：如果在调用 pushState() 方法之前，已经阻止了事件的默认行为，则该方法将不起作用。可以使用 preventDefault() 方法来避免这种情况。

6. popstate 事件没有被正确处理：当使用 pushState() 方法时，还需要正确地处理 popstate 事件，以确保正确地更新 URL 和页面状态。如果没有正确地处理 popstate 事件，可能会导致 pushState() 方法不起作用。

以上是可能导致 pushState() 方法不生效的一些原因，你可以根据具体情况逐个排查。

相关问题

history.pushState使用

history.pushState 是 HTML5 提供的一种新的 API，用于在浏览器历史记录中添加一条新的记录。

语法如下：

history.pushState(stateObject, title, url);

参数说明：
- stateObject：可选参数，表示要添加到浏览器历史记录中的状态对象，可以是任意类型的数据。
- title：可选参数，表示新的历史记录的标题，但是该参数目前在大多数浏览器中并不生效。
- url：必选参数，表示新的历史记录的 URL，必须是同源的。

使用 history.pushState 方法添加一条新的浏览器历史记录后，虽然当前页面的 URL 发生了变化，但是浏览器并不会重新加载页面，也就是说，页面内容并没有发生变化。这就为单页面应用（SPA）提供了一个更好的用户体验，因为用户可以在不刷新页面的情况下切换页面，同时浏览器的地址栏中的 URL 也会随之更新。

history.pushstate第二次失效

`history.pushState()` 方法可以将一个新的状态添加到浏览器的历史记录中，但是如果在同一页面内多次调用该方法，只有最后一次调用会生效。这是因为 `pushState()` 方法不会将状态添加到历史记录中，而是替换当前状态。

如果您需要在同一页面内多次调用 `pushState()` 方法并使其正常工作，可以考虑使用 `replaceState()` 方法，该方法会将当前状态替换为新的状态。

另外，您还需要确保每次调用 `pushState()` 或 `replaceState()` 方法时，状态对象都是独一无二的，否则浏览器可能会忽略该调用。