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