有时候，变异观察者回调函数并没有像我期望的那样被触发。
如果我在开发人员工具控制台中运行以下代码：

// callback for mutations observer
 callbackForAllChanges = function (mutationsList, observer) {
  console.log("mutations: ", mutationsList);
};

// create mutation observer
 allChanges = new MutationObserver(callbackForAllChanges);

// attach mutation observer to document
  allChanges.observe(document, {
    childList: true,
      subtree:true
  });

// create new child
document.body.appendChild(document.createElement("div"));

当我创建一个新的子函数时，我希望回调函数能被触发，但有时它会被触发，有时不会。
当我在stackoverflow上运行devtools控制台中的代码时，它可以工作：我看到mutations: [MutationRecord]已登录到控制台。
当我在twitter上运行上面的代码时，在devtools控制台中，它似乎不起作用：mutations: [MutationRecord]未记录到控制台。
什么原因会导致Mutation Observer无法在Twitter上运行？

重新创建问题

1.转到twitter
1.打开devtools控制台
1.粘贴上面的代码并查看mutations: [MutationRecord] does not log

更新

现在它在twitter上对我有效，所以看起来断断续续。

更新2

它在twitter上又停止工作了。我还发现，如果我向我创建的div添加一个突变观察器，它也不起作用，但在其他网站上起作用。

更新3

• 变异观察者一直在隐姓埋名
• 关闭所有扩展 * 不会修复 * 突变观察器不工作时的问题
• 退出并重新启动chrome似乎可以修复当它停止工作时的突变观察器
• 清除cookie * 并不能 * 解决问题

更新4

它可能与一个无限循环有关，当观察到一个突变时，会添加一个节点。这会导致观察到一个突变（新添加的节点）。依此类推......
示例

const callbackForAllChanges = function (mutationsList, observer) {
    if (mutationsList.find((record) => record.type === "childList")) {      
  document.body.appendChild(document.createElement("div"));
    }
  };

我认为如果发生这种情况，它可能会触发突变工作停止工作。