批量图片链接下载器

可使用 Google Chrome、Microsoft Edge、Mozilla Firefox、Apple Safari 等主流桌面浏览器。在图片所在的网页打开开发者工具，通过 JS Path 或 XPath 选中图片所在的容器，再提取其中的图片链接。以下步骤以 Chrome / Edge 的菜单名称为例，不同浏览器提供的路径复制选项可能不同，两种方式任选其一。

1. 在目标网页右键点击图片，选择「检查」（Inspect）。在 Elements / 元素面板中，选中包含所需图片的父级容器，例如整组图片外层的 div。
2. 右键点击该元素，选择 Copy → Copy JS path，或 Copy → Copy XPath。Chrome、Edge 等浏览器提供这些选项，其他浏览器的菜单名称可能不同。
3. 切换到同一网页的 Console / 控制台，替换下面示例中的路径，运行对应代码。路径仅为示例，需要使用当前网页实际复制的路径。

{
  // 通过路径找到目标容器
  const target = document.querySelector("main section.gallery");

  if (!target) throw new Error("未找到目标元素，请检查路径。");

  // 获取容器中的图片，优先使用浏览器实际选中的图片地址
  const imgs = target.querySelectorAll("img");
  const links = [...new Set([...imgs].map(img => img.currentSrc || img.src).filter(Boolean))];

  // 输出链接，每行一个
  console.log(links.join("\n"));
  // copy(links.join("\n"));
}

{
  // 通过路径找到目标容器
  const target = document.evaluate(
    "/html/body/div[1]/main/section[5]/div",
    document,
    null,
    XPathResult.FIRST_ORDERED_NODE_TYPE,
    null
  ).singleNodeValue;

  if (!target) throw new Error("未找到目标元素，请检查路径。");

  // 获取容器中的图片，优先使用浏览器实际选中的图片地址
  const imgs = target.querySelectorAll("img");
  const links = [...new Set([...imgs].map(img => img.currentSrc || img.src).filter(Boolean))];

  // 输出链接，每行一个
  console.log(links.join("\n"));
  // copy(links.join("\n"));
}

复制控制台输出的链接，粘贴到上方输入框，即可批量下载。在 Chrome / Edge 的控制台中，也可取消代码最后一行的注释，通过 copy() 直接复制链接。

先滚动网页，让懒加载图片加载完成。代码仅提取所选容器内的 img 图片，不包含 CSS 背景图；currentSrc 返回当前显示的资源，不保证是原始大图。此下载器需要 HTTP / HTTPS 链接，blob: 或 data: 地址不能直接用于批量下载。