如何获取页面上所有活跃的Mutation Observers？

很遗憾，原生JavaScript并没有提供直接获取页面中活跃Mutation Observers列表的内置API。这是因为Mutation Observer的设计初衷就包含了封装性与独立性——浏览器不会暴露这个列表，避免外部脚本随意干扰其他Observer的正常运行，或者获取不属于自身的Observer实例。

不过，如果你是自己负责创建页面中的Mutation Observer，完全可以手动维护一个列表来跟踪它们：

// 初始化一个数组来存储活跃的Observer实例
const activeMutationObservers = [];

// 创建第一个Observer并加入列表
const observer1 = new MutationObserver((mutations) => {
  // 你的突变处理逻辑
});
activeMutationObservers.push(observer1);

// 挂载到目标元素（示例）
observer1.observe(document.body, { childList: true, subtree: true });

// 创建第二个Observer并加入列表
const observer2 = new MutationObserver((mutations) => {
  // 另一个突变处理逻辑
});
activeMutationObservers.push(observer2);

// 查看所有活跃的Observer
console.log("当前活跃的Mutation Observers:", activeMutationObservers);

需要注意的是，这种方法只适用于你自己创建的Observer。如果是第三方脚本（比如广告插件、统计脚本）创建的Observer，由于它们处于独立的作用域中，你无法通过任何原生途径获取到这些实例。

总结来说：

• 原生API不支持获取所有活跃Mutation Observers；
• 自行创建的Observer可以手动维护列表；
• 第三方脚本的Observer无法被外部访问。

内容的提问来源于stack exchange，提问作者GorvGoyl