如何從該網站檢查和下載橫幅圖像?

如何從該網站檢查和下載橫幅圖像?

如何使用 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 並不一定是尋找圖像的最簡單方法。轉到“來源”標籤並向下捲動清單以找到圖像,然後逐步找到所需的圖像。

相關內容