如何监听 pushstate 和 replacestate 的变化呢？

在JavaScript中，你可以使用window对象的popstate事件来监听pushState和replaceState方法引起的浏览器历史状态变化。popstate事件在浏览器历史记录（即浏览器的后退/前进按钮）发生变化时触发。

以下是一个简单的示例，演示了如何监听pushState和replaceState的变化：

window.onpopstate = function(event) {
    alert("浏览器的历史状态发生变化！");
    console.log("State对象：", event.state);
};

// 使用 pushState 添加新的历史记录条目
window.history.pushState({page: 1}, "title 1", "?page=1");

// 使用 replaceState 替换当前的历史记录条目
window.history.replaceState({page: 2}, "title 2", "?page=2");

在这个示例中，当pushState或replaceState被调用时，popstate事件会被触发，并显示一个警告框和状态对象。

需要注意的是，popstate事件不会在pushState或replaceState被调用时立即触发，而是在浏览器历史状态实际发生变化时触发，例如用户点击浏览器的后退/前进按钮。

如果你希望在pushState或replaceState被调用时立即执行某些操作，你可能需要在这些方法的调用中直接添加相应的代码，而不是依赖popstate事件。