이 웹사이트에서 배너 이미지를 검사하고 다운로드하는 방법은 무엇입니까?

이 웹사이트에서 배너 이미지를 검사하고 다운로드하는 방법은 무엇입니까?

모자를 쓴 남자의 상단에 있는 이 웹사이트 배너에 나타나는 이미지를 추출하고 저장하기 위해 Google 크롬의 검사 메뉴 또는 대체 절차를 사용하는 방법은 무엇입니까? 검사 디렉터리에서 이미지 위치를 찾을 수 없습니다.

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을 탐색하는 것이 반드시 이미지를 찾는 가장 쉬운 방법은 아닙니다. "소스" 탭으로 이동하여 목록을 아래로 스크롤하여 이미지를 찾은 다음 단계별로 원하는 이미지를 찾으세요.

관련 정보