如何在不排除第三方库的前提下断开/删除不可访问的Mutation Observers？

当然可以做到！第三方库创建的Mutation Observer实例虽然没法直接通过控制台拿到，但我们可以通过几个巧妙的方法来捕获并断开它们，不用修改或排除库本身的代码。下面是几个实用的方案：

方案1：提前劫持MutationObserver构造函数（最可靠） #

这个方法的核心是在第三方库加载之前，重写原生的MutationObserver构造函数，把所有新创建的实例都记录下来。这样不管库怎么创建观察者，我们都能拿到实例并调用disconnect()。

代码示例：

// 要确保这段代码在第三方库加载前执行！比如放在<head>最顶部的<script>里
(function() {
  const originalMO = window.MutationObserver;
  const observerInstances = [];

  window.MutationObserver = function(callback) {
    const instance = new originalMO(callback);
    observerInstances.push(instance);
    return instance;
  };

  // 把原生的静态方法也复制过来，避免库报错
  Object.assign(window.MutationObserver, originalMO);

  // 给全局加一个方法，方便后续调用断开所有观察者
  window.disconnectAllMOs = function() {
    observerInstances.forEach(obs => obs.disconnect());
    console.log(`已断开 ${observerInstances.length} 个Mutation Observer实例`);
  };
})();

之后你只需要在控制台或者代码里调用disconnectAllMOs()，就能断开库创建的所有观察者了。

方案2：用浏览器调试工具手动定位实例（适合临时调试） #

如果你没法提前注入代码，可以用Chrome DevTools的Performance面板来找到这些观察者：

• 打开DevTools，切换到Performance标签
• 点击录制按钮，刷新页面，等页面加载完成后停止录制
• 在Timeline里找到Mutation Observer的事件条目（通常在"Renderer"分类下）
• 点击这个条目，查看右侧的Call Stack，找到第三方库创建观察者的代码位置
• 顺着调用栈往上找，在Scope面板里就能找到对应的Mutation Observer实例，右键选择"Store as global variable"，然后在控制台调用temp1.disconnect()就能断开它

方案3：覆盖MutationObserver的disconnect方法（补漏方案） #

如果库已经加载了，上面的方法没法用，你可以试试覆盖MutationObserver.prototype.disconnect，不过这个方法没法直接拿到已存在的实例，但可以监控并阻止后续的观察：

const originalDisconnect = MutationObserver.prototype.disconnect;
MutationObserver.prototype.disconnect = function() {
  console.log("一个Mutation Observer被断开了");
  originalDisconnect.call(this);
};

不过这个方法更适合监控，如果你想断开已有的实例，还是方案1最靠谱。

关于你提到的"使用不同函数重新观察节点的方法无效"，大概率是因为那些方法没有定位到库创建的具体实例，而上面的方案都是直接获取到了库生成的观察者实例，所以能精准断开。

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