Estoy tratando de detectar cambios en el DOM de la página web, actualmente estoy usando MutationObserver para detectar diferentes cambios.

Mi problema es decidir de manera única un solo cambio después de que algo cambie/navegue/actualice en la página, pero MutationObserver activa muchos eventos para el cambio. Esto lleva a enviar muchas notificaciones al usuario para una sola actualización en la página.

En Twitter, si navego a diferentes secciones de búsqueda/perfil/inicio, etc., los eventos de cambio se activan muchas veces.

 var observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.addedNodes.length > 0) { mutation.addedNodes.forEach(function (addednode) { console.log("Added:" + addednode); }); }else if (mutation.removedNodes.length > 0) { mutation.removedNodes.forEach(function (removednode) { console.log("Removed:" + removednode) }); } }); }); observer.observe(document.body, { characterDataOldValue: true, subtree: true, childList: true, characterData: true });

¿Cómo puedo decidir efectivamente un cambio entre muchos eventos de mutación?