Как просмотреть и загрузить изображение баннера с этого сайта?

Как просмотреть и загрузить изображение баннера с этого сайта?

Как использовать меню "Проверка" в Google Chrome или альтернативную процедуру для извлечения и сохранения изображения, которое появляется на баннере этого веб-сайта в верхней части изображения мужчины в шляпе? Не удалось найти местоположение изображения в каталоге проверки.

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

решение1

background-imageУ родительского элемента есть свойство <header class="group-header">. А именно, group-headerкласс:

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

(Я привел в пример доменное имя.)

Если изображение не находится непосредственно на проверяемом элементе, то перейдите вверх по DOM... скорее всего, оно находится на родительском, прародительском элементе и т. д.

Однако навигация по DOM не обязательно является самым простым способом найти изображение. Перейдите на вкладку «Источники» и прокрутите список вниз, чтобы добраться до изображений, и пройдите по ним, чтобы найти нужное вам изображение.

Связанный контент