javascript - 如何使用(或者是否可能)MutationObserver 来监控 window.location.pathname 的变化？

Question

我想知道是否可以使用 MutationObserver 来监视 window.location.pathname(或 window.location.hash)的变化。

Answer 1

Mutation observers 观察 DOM，而不是对象，并且与此处无关。

对象观察者无法观察到location.hash，不能因为location是系统对象或存在安全风险，但因为 hash 是一个合成属性，由等效的 getter 和 setter 在内部管理。

在您的情况下，您不需要任何这些。您可以使用 popState 事件 观察哈希变化。

window.onpopstate=function() { console.log("foo"); };

location.hash = "bar";
"foo"

我不知道你监视 location.pathname 的变化的目的是什么。在您的处理程序有机会做任何事情之前，这将导致页面重新加载。