JavaScript WEB API MutationObserver URL 更改

Question

我是JS和WEB API新手，是否可以使用

MutationObserver

来观察页面URL突变？或者

MutationObserver

仅用于 DOM？

Answer 1

如果您以文档正文为目标并使用配置为

subtree

和

childList

true，那么每次该正文元素发生更改时都会触发。

由于每个 URl 的正文都会有不同的内容，因此它会观察这些变化。

你的代码将是这样的：

const config = {
   childList: true,
   subtree: true
 };
const obs = new MutationObserver(callback);
   function callback() {
     // your function 
   }

function runMutation() {
   const myInterval = setInterval(() => {
        const el = document.querySelector("body");
        if (el) {
            clearInterval(myInterval);
            obs.observe(el, config);
            callback();
        }
   }, 500);
}
runMutation();