我想使用MutationObserver跟踪我使用window.open创建的窗口中的DOM更改。我有以下代码：
var newWin = window.open('/somepath');
var observerConfig = {
childList: true,
subtree: true,
attributes: false,
characterData: false
};
var obs = new newWin.MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (!mutation.addedNodes) return;
mutation.addedNodes.forEach(function(addedNode) {
console.log(addedNode);
});
})
});
obs.observe(newWin.document, observerConfig);
我希望在控制台中看到一些新添加的节点（正如我以同样的方式跟踪原始窗口，同一个观察者），但我得不到任何结果。我错过了什么吗？
这是在使用JavaScript（例如，来自<head>中的脚本）修改当前文档的DOM时，在加载DOM之前遇到的问题：您将尝试访问内存中不存在的元素这次。
你可以使用DOMContentLoaded事件在DOM加载并准备好操作时触发回调。
同样，当您尝试访问新窗口的DOM时，该窗口可能尚未完成加载。
你应该在obs.observe事件监听器中包装你的load调用：
newWin.addEventListener('load', function() {
obs.observe(newWin.document.body, observerConfig);
}, true);
这样当你开始观察身体时，你确定它确实存在！