Google chrome devtools 是否有办法使用Chrome Developer工具查看浏览器中加载的所有图像？

我知道我应该能够在Chrome开发者工具的“资源”选项卡部分看到这一点。也许我没有得到什么，但我没有看到这一节中列出的任何图像

---

有人知道这是否/如何实现吗

图像是针对每一帧列出的。通常页面上只有一个框架。如果页面使用该标记，则会有其他标记

展开“框架”，然后是列出的第一项（即页面），下面是图像类别以及脚本和样式表。请注意，最后一项是页面本身的html。

• 打开谷歌浏览器控制台（F12）
• 转到“网络”选项卡
• 启用筛选器（如果未启用）
• 选择“Img”标记以筛选图像请求
• 刷新页面查看请求的所有图像的列表

---

如果要下载图像：

使用mac或httrack网站复制器窗口的site吸盘应用程序从您想要的页面获取所有内容，然后选择或排序您需要的数据。）

---

希望我帮了你；）

另一种方法是使用网络面板（Chrome 87）中提供的新

资源类型
过滤器

对于图像，只需键入
资源类型：image
，即可将重点放在作为图像的网络请求上


Chrome文档：
您是否扩展了“框架”树项并深入到您需要的框架？以前有一个很好的Firefox扩展，可以将它们显示为缩略图。我认为这叫做“保存标签图片”。另外，一些网站试图让图片难以找到/下载。同时搜索base64将有助于找到所需的图像