Wie kann ich das Bannerbild dieser Website prüfen und herunterladen?

Wie kann ich das Bannerbild dieser Website prüfen und herunterladen?

Wie verwende ich das „Inspect“-Menü von Google Chrome oder ein alternatives Verfahren, um das Bild zu extrahieren und zu speichern, das im Banner dieser Website oben auf einem Mann mit Hut angezeigt wird? Der Speicherort des Bilds konnte im „Inspect“-Verzeichnis nicht gefunden werden.

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

Antwort1

Es gibt eine background-imageEigenschaft für das übergeordnete <header class="group-header">Element. Genauer gesagt die group-headerKlasse:

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

(Ich habe den Domänennamen als Beispiel angegeben.)

Wenn sich das Bild nicht direkt auf dem Element befindet, das Sie untersuchen, navigieren Sie im DOM nach oben. Es befindet sich wahrscheinlich auf einem übergeordneten Element, einem Großelternelement usw.

Die Navigation im DOM ist jedoch nicht unbedingt der einfachste Weg, ein Bild zu finden. Gehen Sie zur Registerkarte „Quellen“, scrollen Sie in der Liste nach unten, um zu den Bildern zu gelangen, und gehen Sie sie durch, um das gewünschte Bild zu finden.

verwandte Informationen