从 Firefox Web 控制台保存多个文件

Question

我想从Firefox Web 控制台的“网络”选项卡中保存多个图像文件

我可以右键单击单个文件并选择Save Image As，但多选不起作用。

通过 XHR 下载的文件

请注意，图像是通过用户交互和 AJAX/XHR 调用下载的。所以没有办法使用View Page Info -> ** Media** 来保存图像。下载所有图像等扩展程序也不起作用。

Answer 1

这可以使用 python3 模块从命令行完成har-extractor。

先决条件：

1. 安装python3
2. 安装har-extractor：pip install har-extractor

程序：

0. 访问有问题的网站
1. 打开开发者工具
2. 打开网络选项卡
3. 过滤掉除Images之外的所有响应类型。
4. 单击垃圾桶图标以清除缓存
5. 单击重新加载
6. 下载所有内容后，右键单击响应表中的任意位置 >将全部另存为 HAR > 将 .har 文件保存在某处。
7. 从命令行，cd到保存 .har 的目录
8. 跑步har-extractor <name of your .har file> -o <output directory>，

例如har-extractor images.har -o ./images

之后，您可以在输出目录中找到全尺寸图像。

Answer 2

与从“网络”选项卡保存相比，从“页面信息”保存会更容易：

• 右键单击网页并选择“查看页面信息”

• 单击“媒体”选项卡，将显示该页面的所有媒体内容（图像、视频等）

• Shift使用或键选择所有项目Ctrl以选择多个项目

• 单击“另存为”按钮。

或者，您也可以使用专门的插件，例如 下载所有图像。

如果您有由 JavaScript 检索的图像，但页面上未引用该图像，则使用 Firefox 中的“网络”选项卡的方法如下：

• 右键单击任何图像并选择“全部另存为 HAR”
• 选择一个文件夹（也许还有文件名）。.har文件是 JSON 文本文件。
• 编辑该文件以便：
  • 删除所有不包含的行"url"（或提取这些行）
  • 删除行开头的多余文本："url": "
  • 删除行尾多余的文本：",
• 结果是一个包含所有图像 URL 的文本文件
• 使用可以下载文件列表的下载实用程序

编写脚本来编辑.har文件然后下载图像应该不难。