Creé un JavaScript que usa MutationObserver para observar cambios en un sitio web en la consola. El script recuperaría algunos valores de un div, registraría la suma acumulada y también crearía algunos elementos en la página (omitidos en el código a continuación por simplicidad).

Envuelvo MutationObserver en una función de autoinvocación para evitar que las variables colisionen con las utilizadas por el sitio web.

Ocasionalmente, la secuencia de comandos puede fallar (la secuencia de comandos no es lo suficientemente robusta para lidiar con algunas diferencias en las páginas) y lo que estoy haciendo es cerrar sesión en la página, pegar una secuencia de comandos diferente en la consola para que funcione nuevamente. De lo contrario, la suma sería incorrecta y los elementos se crearían en el lugar equivocado.

Entiendo que MutationObserver está en su propio ámbito, por lo que observer.disconnect(); no funcionaría. ¿Hay alguna otra forma de desconectar MutationObserver en la consola sin tener que actualizar/cerrar sesión en la página?

Aquí está la versión simplificada de mi código:

 (function () { const targetNode = document.querySelector('div.content') const observerOptions = { childList: true, attributes: false, subtree: false } const callback = function (mutationsList, observer) { for (const mutation of mutationsList) { if (mutation.removedNodes.length > 0 && (mutation.removedNodes[0].classList.contains('some-view'))) { // do something here } if (mutation.addedNodes.length > 0 && (mutation.addedNodes[0].classList.contains('some-view'))) { // do something here } } } const observer = new MutationObserver(callback) observer.observe(targetNode, observerOptions) })()

Gracias.