¿Hay alguna manera de detectar cambios en la hoja de estilo? MutationObserver solo rastrea los cambios de css en línea en el elemento.
html
<div class="exampleClass"></div>
js
let config = { attributes: true, // attributeFilter: ["style"], }; let mutationCallback = function(mutationsList) { mutationsList.forEach((mutation, i) => { console.log(mutation); }); }; let observer = new MutationObserver(mutationCallback); observer.observe(document.querySelector('.exampleClass'), config);
Si modifico el elemento a través de js con
document.querySelector('exampleClass').style.top = '10px'
o el inspector de la consola web directamente en el nodo, se llama la devolución de llamada del observador de mutación, pero si la clase (no el nodo en sí) se modifica en el inspector de la consola web, no hay devolución de llamada