¿Cómo inspeccionar y descargar la imagen del banner de este sitio web?

¿Cómo inspeccionar y descargar la imagen del banner de este sitio web?

¿Cómo utilizar el menú Inspeccionar de Google Chrome, o un procedimiento alternativo, para extraer y guardar la imagen que aparece en el banner de este sitio web en la parte superior de un hombre con sombrero? No se pudo ubicar la ubicación de la imagen en el directorio de inspección.

https://www.splcenter.org/hatewatch/2018/09/18/ok-sign-white-power-symbol-or-just-right-wing-troll

Respuesta1

Hay una background-imagepropiedad en el <header class="group-header">elemento padre. Específicamente, la group-headerclase:

.group-header {
    background-image: url(https://www.example.com/sites/default/files/styles/splc_page_banner/public/milo-handsign.jpg?itok=HYGSWMjR);
}

(He ejemplificado el nombre de dominio).

Si la imagen no está directamente en el elemento que está inspeccionando, navegue hacia arriba en el DOM... es probable que esté en un elemento padre, abuelo, etc.

Sin embargo, navegar por el DOM no es necesariamente la forma más sencilla de encontrar una imagen. Vaya a la pestaña "Fuentes" y desplácese hacia abajo en la lista para llegar a las imágenes y avance hasta encontrar la imagen que desea.

información relacionada