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

Safari其实藏着三种原生方法，可以批量导出网页中的图片链接——覆盖懒加载、JS动态插入、CSS背景图等各类场景。第一种是用Network面板精准捕获所有HTTP图片请求；第二种是用控制台脚本快速提取所有img标签的src；第三种则是iOS/iPadOS用户专属的快捷指令方案，适合移动端应急。这三种方法都不需要安装任何插件，也不依赖网络权限，更不会触发页面跳转。

当你需要把网页里的图片都抓出来做图源标注、批量下载或者素材归档，又不想一张张右键复制地址的时候，Safari自带的开发者工具就能搞定。下面挨个说清楚。

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

这个方法最精确，能抓到懒加载、JS动态插入、CSS背景图这些真实发出的HTTP请求，不会漏掉，也不会误抓占位图。

第一步：在Safari里打开目标网页，务必滚动到底部，然后至少停留两秒钟——这一步很关键，确保所有懒加载图片都完成了资源请求。

第二步：按 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结构清晰、图片都通过 声明的网页。执行快、结果干净，但没办法捕获CSS背景图或Canvas渲染图。

方法一：在开发者工具里切换到 Console 标签页，粘贴运行下面这段代码：

[https://img.zhengruan.com/...document.querySelectorAll('img[src]')].map(img => img.src).filter(Boolean).join('n')

回车后，控制台会输出所有src地址，全选 → Command + C 复制就行。

方法二：如果你想直接保存成txt文件，运行这段代码：

const urls = [https://img.zhengruan.com/...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);

【注意】 这段代码会立即触发下载，不可撤销，所以操作前一定确认当前页面里的图片就是你要的。

iOS/iPadOS用户用快捷指令提取当前页图片链接

这个方案是为移动端临时应急准备的，不需要开启开发者选项，但需要提前配置好快捷指令的权限。

第一步：打开“快捷指令”App，点右上角的“+”新建指令，添加操作“获取 Safari 当前网页”。

第二步：添加操作“提取图像 URL”，系统会自动解析页面中所有 和 CSS 背景图地址。

第三步：再添加“拷贝到剪贴板”，然后点右上角“完成”保存指令。

第四步：在 Safari 里打开目标网页，点底部分享按钮，向左滑动找到刚才保存的指令，点击运行。

运行完成后，所有图片链接就已经存入剪贴板了，可以直接粘贴到备忘录或者发给别人。