如何检查并下载此网站的横幅图像?

如何检查并下载此网站的横幅图像?

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

相关内容