Así que estoy tratando de encontrar elementos en un DOM que están ocultos a través de CSS, por ejemplo, así es como los encuentro con titiritero
let hiddenSelectors = []; const all = document.getElementsByTagName("*"); let style; for (var i = 0, max = all.length; i < max; i++) { style = window.getComputedStyle(all[i]); if ( style.width == "0" || style.height == "0" || style.opacity == "0" || style.display == "none" || style.visibility == "hidden" ) { hiddenSelectors.push(all[i]); } }
Luego quiero marcar estos elementos con una etiqueta html (por ejemplo, hidden=true), sin embargo, no quiero cambiar el dom renderizado en sí mismo... así que no puedo usar titiritero.
Mi idea era extraer el MHTML de una página con todo el css aplicado y ver si podía adoptar este enfoque similar con cheerio.
¿Alguien sabe si/cómo usar MHTML con cheerio para buscar este tipo de estilos?
Básicamente, quiero usar titiritero o mhtml para encontrar elementos que css oculta, luego marcar ese selector o selector principal en el html. Entonces, al procesar ese html, sabemos lo que está oculto al renderizar.