如何自动下载浏览器检查面板Network标签内的批量文件或图片？

云上老周

2026-8-16

批量下载浏览器Network面板文件的方法

一、浏览器原生功能（无需额外工具）

筛选后批量导出：打开Network面板，先通过顶部筛选器（比如选Img只显示图片），按Ctrl+A（Windows/Linux）或Cmd+A（Mac）全选所有请求条目，右键选择「Save all as HAR with content」。保存的HAR文件是压缩包，解压后就能拿到所有请求对应的文件。
小提示：部分浏览器需要提前在开发者工具设置里开启「保存HAR时包含请求内容」的选项，确保文件能完整导出。

二、浏览器扩展工具

DownThemAll!：老牌批量下载插件，支持自定义筛选规则，能直接捕获Network面板里的请求并批量下载，还能按文件类型、大小等条件过滤内容，适配主流浏览器。
Network Downloader：专门针对Network面板做的扩展，操作简单，一键就能导出全部或指定类型的请求文件，支持按MIME类型筛选图片、脚本、音频等。

三、自定义脚本（适合有开发基础的用户）

如果需要更灵活的下载规则，可以在浏览器控制台（Console标签）运行以下脚本：

// 示例：批量下载Network面板里的所有图片
document.querySelectorAll('div[aria-label="Request"]').forEach(item => {
  const url = item.querySelector('.url').textContent;
  // 匹配常见图片格式，可自行修改规则
  if (url.match(/\.(png|jpg|jpeg|gif|webp|svg)$/i)) {
    const link = document.createElement('a');
    link.href = url;
    link.download = url.split('/').pop() || 'unknown-image';
    link.click();
  }
});