Image Extractor (image-download)

简单的 Chrome 扩展，用于从当前标签页提取、筛选并下载图片（支持批量 ZIP 打包）。

项目亮点

• 用途: 从任意网页提取图片，支持按尺寸/格式/颜色/域名过滤、复制链接、单张或批量下载为 ZIP。
• 侧边面板: 以 side panel 形式展示（见 manifest.json），在扩展图标点击时打开。
• Baidu 助手: 包含专门的内容脚本用于在 graph.baidu.com 上自动填充反向图片搜索链接并触发搜索。

技术栈

• 框架: React + TypeScript
• 构建: Vite，使用 @crxjs/vite-plugin 支持 Chrome 扩展打包
• 主要库: jszip（打包下载），lucide-react（图标），Tailwind/css 工具集

关键文件

• manifest.json
• package.json
• src/App.tsx — 主 UI 与图片提取 / 过滤 / 下载逻辑
• src/background.ts — 后台 service worker（侧边面板行为）
• src/baidu-content-script.ts — 百度页面的内容脚本
• src/main.tsx — 扩展前端入口

开发（本地调试）

1. 安装依赖：

npm install

2. 启动开发服务器（Vite）：

npm run dev

在开发模式下，Vite 会在 index.html 提供侧边面板页面预览；若使用 CRX 插件，可按其文档加载未打包扩展以进行联调。

构建与加载到 Chrome

npm run build

构建产物会输出到 dist（或 Vite 配置中指定的输出目录），在 Chrome 扩展页面选择“加载已解压的扩展程序”，并指向构建输出目录。

权限与注意事项

• 需要 activeTab, scripting, sidePanel, downloads 权限（见 manifest.json）。
• 在受限制页面（chrome://、Web Store 等）脚本注入会被忽略。

插件下载链接：https://github.com/bbuugg/image-extractor/releases/download/v1.0/v1.0.zip