Hay varias preguntas de Stack Overflow como ¿Cómo puedo comprobar si se ha cargado una imagen de fondo? que son similares a los míos. Intentan ejecutar el código cuando se carga background-image un elemento y lo logran onload un controlador de carga al elemento.
Pero, ¿qué sucede si está ejecutando (por ejemplo) un script de Puppeteer, que verifica la página después de que ya se haya cargado? En ese caso, no puede agregar controladores onload .
¿Hay alguna forma de verificar que la background-image de un elemento se cargó, "después del hecho", sin usar onload ?
La única forma que se me ocurre es agarrar su estilo background-image , luego fetch la imagen yo mismo para ver si se carga... pero eso parece mucho más lento que simplemente preguntarle al navegador (de alguna manera) si la imagen se cargó... especialmente si estoy revisando muchas background-image .
Titiritero tiene una configuración de páginas para comprobar el número de conexiones inactivas. Por lo tanto, las imágenes deben cargarse mientras no haya más solicitudes que las especificadas en 500 ms.
await page.goto('https://www.google.com/', {"waitUntil" : "networkidle0"});En el evento onLoad , escriba los datos que desea verificar para guardar el estado.
Luego, cuando se ejecute el script de Titiritero, podrá volver a inspeccionar los mismos datos.