如何使用 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 不一定是查找图像的最简单方法。转到“来源”选项卡,向下滚动列表以找到图像,然后逐步找到所需的图像。