Chrome 插件:一键下载淘宝产品详情页图片
“零手动”的一键下载。可用的 Manifest V3 插件,支持在淘宝商品详情页上点击按钮,自动收集主图(轮播、SKU)和详情描述区的图片,并批量下载。代码结构清晰、可扩展,便于后续加规则或做站点适配。
效果截图
项目结构
- manifest.json
- background.js(Service Worker,处理下载)
- content.js(内容脚本,解析页面并发送下载任务)
- popup.html(简单入口与状态提示)
- popup.js(触发内容脚本)
安装与使用
- 在 Chrome 打开扩展管理页面,启用“开发者模式”,点击“加载已解压的扩展程序”,选择包含上述文件的目录。
- 打开淘宝或天猫的商品详情页。
- 点击扩展图标的“下载当前页面产品图”,或用页面右下角的“下载产品图”按钮。
- 浏览器将按“标题/001.jpg”等形式批量保存图片到下载目录。
说明与可扩展点
- 域名与规则可加白名单: 淘系图片多在 alicdn/taobaocdn;若商家自托管,在 isProductImage 里拓展域名或后缀判断。
- 原图处理: background.js 的 normalizeURL 已去掉常见缩略后缀与 query,尽量拿原图;可根据需要保留某些 query(如水印移除失败时)。
- 动态内容与 iframe: 详情区常在 iframe 内;已做直取与兜底扫描。若跨域不可读,考虑改为在网络层监听(需 declarativeNetRequest 或页面注入 hook)。
- 去重与排序: 通过 Set 去重。你可以按 DOM 顺序或按尺寸排序;可在 content.js 里用
new Image()预加载测尺寸再排序。 - 文件名安全: 标题清洗避免非法字符,且长度限制 60,避免文件系统错误。
- 移动端适配: 已加入
a.m.taobao.com与常见 swiper 选择器;若页面结构变更,补充选择器即可。
下载
本地下载:DLTBPP.zip
当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »