如何在safari浏览器中批量导出网页所有图片链接

作者：袖梨 2026-07-09

Safari可通过三种原生方法批量导出网页图片链接：一是用Network面板捕获全部HTTP图片请求，精准覆盖懒加载、JS插入及CSS背景图；二是用控制台脚本提取所有img标签src，快速干净但不支持CSS背景图和Canvas图；三是iOS/iPadOS用户通过快捷指令提取当前页img和CSS背景图链接，适合移动端应急使用。

当你需要将网页中所有图片用于图源标注、批量下载或素材归档，又不想一张张右键复制地址时，Safari原生能力配合开发者工具就能完成批量导出图片链接，无需安装插件、不依赖网络权限、不触发页面跳转。

用Network面板捕获全部图片请求URL

这是最精准的方法，能抓取到懒加载、JS动态插入、CSS背景图等所有真实发出的HTTP图片请求，避免遗漏或误抓占位图。

第一步：在Safari中打开目标网页，务必滚动到底部并停留2秒以上，确保所有懒加载图片完成资源请求；

第二步：按 Command + Option + I 打开开发者工具 → 切换到 Network 标签页 → 点击左上角漏斗图标，在 Filter 输入框中输入 img；

第三步：点击左上角圆形刷新按钮（或按 Command + R），让页面重新加载，此时 Network 列表只显示图片类资源；

第四步：确认列表中已出现全部目标图片（通常有缩略图预览小图标），右键任意一项 → 选择 Copy → Copy All as cURL (bash)，或全选列表后右键 → Copy → Copy URL；

第五步：粘贴到文本编辑器，删除每行开头的 curl -X GET 及参数，仅保留纯URL——若需直接使用，推荐用正则 ^.*?"(https?://[^"]+)".*$ 替换为 $1 快速清洗。

用控制台脚本一键提取所有img标签src

适用于静态HTML结构清晰、图片均通过 <img src="..."> 声明的网页，执行快、结果干净，但无法捕获CSS背景图或Canvas渲染图。

方法一：启用开发菜单后打开“显示网页检查器” → 切换到 Console 标签页 → 粘贴运行以下代码：

[...document.querySelectorAll('img[src]')].map(img => img.src).filter(Boolean).join('n')

回车后控制台输出所有src地址，全选 → Command + C 复制即可；

方法二：如需自动下载为txt文件，运行这段代码：

const urls = [...document.querySelectorAll('img[src]')].map(img => img.src).filter(Boolean); const blob = new Blob([urls.join('n')], {type: 'text/plain'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'images.txt'; document.body.appendChild(a); a.click(); URL.revokeObjectURL(a.href);

【注意】此操作会立即触发下载，不可撤销，请确认当前页面含目标图片再执行。