Acceder a un Shadow DOM cerrado

Shadow Dom Puppeteer

¿Has intentado acceder al contenido de un Web Component desde Puppeteer y solo obtienes null? Esto ocurre cuando el componente usa un Shadow DOM en modo closed. En este artículo te muestro un laboratorio práctico que demuestra cómo interceptar el método Element.prototype.attachShadow usando page.evaluateOnNewDocument() para capturar la referencia del ShadowRoot en el momento exacto de su creación. Incluye código completo, evidencia de consola, un diseño responsive con tema oscuro/claro, y soporte para idiomas EN/ES. Ideal para desarrolladores de automatización, testing y scraping con Node.js.

JavaScript: Qué es el debounce con ejemplo práctico.

Cuando trabajamos con JavaScript en el navegador, especialmente en interfaces dinámicas, es muy habitual encontrarnos con eventos que se disparan muchas veces en un periodo de tiempo muy corto. Un usuario puede escribir varias letras consecutivas en un buscador, mover el ratón constantemente, desplazar una página con el scroll o cambiar el tamaño de una … Leer más

Cambia la velocidad de los videos de Youtube con esta extensión

¿Quieres controlar la velocidad de reproducción de los videos de YouTube de forma rápida y sencilla? En este artículo, te enseñaré cómo crear y utilizar tu propia extensión de Chrome para ajustar la velocidad con un simple botón. ¡Sin necesidad de iconos ni configuraciones complicadas!

Importar todos los comentarios de WordPress en fichero JSON

Exportar los comentarios de WordPress a JSON con Node.js y MySQL Hoy vamos a hacer algo bastante práctico: exportar los comentarios de un sitio WordPress a un archivo JSON para poder trabajar posteriormente con ellos desde Node.js. ¿Para qué puede servirnos? Podemos necesitar los comentarios para realizar una migración, crear una copia de seguridad independiente, … Leer más

Javascript-MySQL: Modificar estado de usuario

Actualizar el estado del perfil con jQuery, AJAX y base de datos sin recargar la página En muchas aplicaciones web con perfiles de usuario existe una funcionalidad muy sencilla pero muy útil: permitir que cada usuario pueda indicar qué está haciendo, qué piensa o simplemente escribir un pequeño mensaje asociado a su perfil. En este … Leer más

Javascript. Métodos: on y one en jQuery

jQuery: diferencias entre on() y one() Cuando trabajamos con jQuery, una de las tareas más habituales es asociar eventos a los elementos de una página: hacer clic, escribir en un campo, enviar un formulario, pasar el ratón por encima, etc. Para ello podemos utilizar diferentes métodos. Dos de ellos pueden parecer prácticamente iguales a simple … Leer más

MySQL: Extraer valores con JSON_EXTRACT en MySQL

Cuando trabajamos con bases de datos, puede ocurrir que tengamos información almacenada en una columna en formato JSON. Esto es especialmente habitual cuando trabajamos con datos estructurados, configuraciones, respuestas de APIs o información que necesitamos mantener agrupada dentro de una misma columna. Por ejemplo, imaginemos que tenemos una columna llamada ageT que almacena información como … Leer más

Javascript — Deshabilitar Javascript en una página web

Hoy vamos a ver cómo deshabilitar JavaScript en una página web cuando, por H o por B, el sitio ha decidido bloquear determinadas acciones del usuario, como el botón derecho del ratón. Este tipo de restricciones suelen implementarse mediante JavaScript. Por ejemplo, una página puede interceptar el evento contextmenu para impedir que aparezca el menú … Leer más

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar