位置:首页 > 综合教程 > 宙斯浏览器提取网页所有图片素材的方法

宙斯浏览器提取网页所有图片素材的方法

时间:2026-08-20  |  作者:骑光打字机  |  阅读:0

在宙斯浏览器里,想把当前网页的所有图片一次性拿下,最直接、也最干净的办法就是打开开发者工具,在控制台里跑一段脚本。

这个方法不需要装任何插件。就算你用的是公司禁用扩展的办公电脑,或者是企业定制版的宙斯浏览器,照样能搞定。

它能覆盖的图片来源类型非常全:普通 标签、CSS 中的背景图、懒加载图片、甚至是 picture 标签里的 source 都一并处理。

具体操作很简单:

  • 先按 F12 进入开发者工具,切换到 Console 面板。
  • 然后把下面这段代码贴进去,按回车运行:

Array.from(document.querySelectorAll('img, [style*="background"], picture source, [data-src], [data-lazy-src]')).map(el => { let src = el.src || el.getAttribute('data-src') || el.getAttribute('data-lazy-src') || ''; if (!src && el.style && el.style.backgroundImage) src = el.style.backgroundImage.match(/url(["']?(.*?)["']?)/)?.[1] || ''; return src; }).filter(src => src && !src.startsWith('data:') && !src.startsWith('blob:')).filter((value, index, self) => self.indexOf(value) === index);

运行之后,控制台会直接输出一个去重后的纯 URL 数组。

你全选、右键复制,然后粘贴到任何支持批量下载的工具里——比如 Motrix、aria2c,或者直接用迅雷——就能把所有图片文件一次性拽下来了。

装个 Image Downloader 扩展,点一下就行

如果你对命令行或者代码实在不感冒,也懒得折腾,那就装一个 Image Downloader 扩展。

这应该是浏览器上最老牌的图片批量下载工具之一,几乎没有学习成本。前提是网页结构比较标准,没有严重的反爬逻辑,那么用它几乎是一键搞定。

安装方式

第一种:直接访问 Chrome 网上应用店,搜索“Image Downloader”,找到作者是 Nikolay S. 的那个版本,点“添加至 Chrome”就行。

第二种:适用于那些办公环境无法连通应用商店的场景。提前在其他设备上下好 CRX 包,传到手机里。在宙斯浏览器的地址栏手动输入 chrome://extensions,进入后打开右上角的“开发者模式”,然后把 CRX 文件拖进去就能完成安装。

使用步骤

装好之后,回到目标网页,点击地址栏右侧的扩展图标。等它识别完当前页面的所有图片资源,勾选你要的,点击“Download selected”,选择 ZIP 格式保存即可。

提醒一句: 部分高安全网站会动态生成图片 URL,或者使用 WebP + AVIF 混合格式。这种情况下扩展可能会漏掉一些资源。如果你对完整度要求很高,建议优先用控制台脚本做交叉验证。

保存网页快照,从本地文件里找内嵌图片

当页面大量使用 Base64 编码图片、SVG data URI 或者 CSS 内联背景图的时候,不管是 Network 面板还是 Image Downloader 扩展都看不到它们。

因为这类图片的数据直接嵌在 HTML 或 CSS 里,根本不走独立的 HTTP 请求。面对这种情况,就必须走本地文件解析路径了。

第一步:保存完整网页

在宙斯浏览器中打开目标网页,按 Ctrl+S(Mac 上是 Cmd+S),保存类型选择“网页,完整(.html + 文件夹)”。确认保存位置后,浏览器会把整个页面连带所有的资源文件都下载到一个地方。

第二步:查找文件夹中的图片

进入保存位置,找到那个生成的同名文件夹。打开子目录中的 _files 或者 xxx_files 文件夹,直接搜索扩展名为 .png、.jpg、.gif、.svg、.webp 的文件——这些就是浏览器已经帮你解码好的原始图片。

第三步:处理 Base64 内嵌图片

如果有些图片是以 Base64 形式内嵌在 HTML 里的,上面的文件夹里是找不到它们的。

你需要用记事本或 VS Code 打开主 HTML 文件,搜索 data:image/ 这个字符串。找到类似 data:image/png;base64,iVBORw0KGgo... 的那段内容,把“base64,”之后的所有字符复制出来。粘贴到任意一个在线 Base64 解码网站(比如 base64.guru),选择输出格式为 PNG 或 JPG,然后点击解码并下载。

用 Network 面板逐个“另存为”,但先得滚到底

这个方法适合那种场景:你只想要当前页面上已经渲染出来的图片,不关心那些还没触发懒加载的或者由 JS 动态插入的资源。

操作很直观,覆盖面有限,但胜在一步到位。

操作步骤

  • 打开目标网页,按 F12 挂上开发者工具,切换到 Network 面板。
  • 点击顶部的过滤器按钮,勾选“Img”类型——如果没看到这个按钮,先刷新一下页面。
  • 然后重新刷新网页,所有已经发起请求的图片就会列在下方。按 Size 或者 Type 排序可以快速找到大图。
  • 最后右键任意一个条目,选择“Open in new tab”,在新标签页里再右键图片选择“另存为”就行。

关键前提: 你必须先把页面滚动到底部,确保所有懒加载图片都发起了请求。否则 Network 里只会显示首屏的那几张。

换句话说,如果你只打开页面而不滚动,那剩下的图永远不会被加载,自然也就不会出现在列表里。

免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。

相关文章

更多

精选合集

更多

大家都在玩

热门话题

大家都在看

更多