【发布时间】：2014-11-19 15:05:49
【问题描述】：
我知道我应该能够在 Chrome 开发者工具的“资源”选项卡中看到这一点。也许我没有得到任何东西，但我没有看到此部分中列出的任何图像。
有谁知道这是否/如何实现？
【问题讨论】：
-
您是否展开了“框架”树项并向下钻取到您需要的框架？
-
曾经有一个不错的 Firefox 扩展，可以将它们显示为缩略图。我认为它被称为保存标签图像。
【发布时间】：2014-11-19 15:05:49
【问题描述】：
DevTools -> 应用程序选项卡 -> 侧边栏中的框架 -> 图像
包含所有图片。
每个帧都会列出特定的图像。通常页面上只有 1 帧。如果页面使用标签，就会有其他标签。
展开“Frames”，然后是列出的第一项（即页面），下面是图像类别，以及脚本和样式表。请注意，最后一项是页面本身的 html。
【讨论】：
另一种方法是使用网络面板中提供的新resource-type 过滤器（Chrome 87）。
对于图像，只需键入 resource-type:image 以专注于图像的网络请求。
Chrome 文档：https://developers.google.com/web/updates/2020/10/devtools#network-filters
【讨论】：
-
您能否扩展您的答案以反思为什么有人会键入此内容而不是单击该文本框右侧的“Img”按钮？如：stackoverflow.com/a/42587791/506073
如果你想下载图片：
https://chrome.google.com/webstore/detail/download-all-images/ifipmflagepipjokmbdecpmjbibjnakm
使用适用于 mac 的网站吸盘应用程序或 httrack 网站复印机窗口从您想要的页面获取所有内容，然后根据需要选择或排序数据))
希望我能帮到你；）
【讨论】：