猎图能力全景：从嗅探到本地 AI
如果你把 PicHound 当成「右键另存为的加强版」，会低估它一半能力。它是一条 Manifest V3 扩展内的本地流水线：从当前标签页已渲染的 DOM/可见资源出发，经后台嗅探与分组，在侧边栏、弹窗、独立下载页完成筛选、编辑、AI 处理，最后通过浏览器 downloads API 落盘。没有「把图上传到猎图服务器再处理」这条支路。
PicHound · 能力地图
网页 DOM / 网络可见图
content
嗅探 · 分组 · 元数据
background
侧边栏 / 弹窗 / 下载页
sidepanel
本机保存 · ZIP · 命名
downloads
Magick · ONNX 抠图 · 取色
以图搜图 · 编辑器 · 脚本
50+ scripts35 langslocal-first
写作方向：批量采集、电商分组、设计师灵感、社媒素材、本地抠图/转换/取色、以图搜图、极速模式、权限与合规、Pro 授权。
从页面嗅探到本地处理：扩展 UI、后台 Service Worker、WASM 推理都在浏览器内完成，图片不上传。
架构分层（与代码目录对应）
| 层 | 职责 | 典型入口 |
|---|---|---|
| UI 入口 | 用户操作与列表展示 | 侧边栏 sidepanel、工具栏弹窗 popup、下载页 download/（探索/图库/抠图等） |
| Content | 页面内 Shadow UI、与页交互 | main.content、root.content、content.content |
| Background SW | 嗅探核心、消息、存储、网络补全 | source/background/hound、messages/、db/（PouchDB） |
| 沙箱脚本 | 电商分组等隔离执行 | sandboxes/groups.html、source/sandboxes/groups.ts |
| 本地重计算 | 图像与推理 | Magick WASM、ONNX RMBG-1.4、TF.js 分类等 |
功能清单（写博客时不应遗漏）
采集与导出
- 批量保存当前页可见、已加载图片（单张 / 顺序 / ZIP）
- 实时嗅探模式、极速匹配模式（v24.11.25+）
- 智能过滤：尺寸、格式、域名、自定义规则
- 智能排序、自动滚动触发懒加载
- 自定义文件名模板（
{TITLE}{NUM}{EXT}{GROUP}等，v24.11.30+ 逻辑优化） - 指定下载文件夹（v24.11.24）
- 50+ 电商/平台智能脚本（主图/SKU/详情/评价等分组；v26.06.30 默认开启、一键全开/全关）
- 自定义智能脚本（Team 可私有脚本）
本地处理
- 在线图片编辑器：裁剪、标注、滤镜
- 格式转换（JPEG/PNG/GIF/WEBP/BMP/SVG/AVIF，v24.11.22）
- 主色调 / 主色板提取
- AI 抠图 RMBG-1.4 / MODNet（v25.11.23，首次约 100MB 模型）
- 以图搜图：Google、Yandex、TinEye、SauceNAO、ImgOps、IQDB（新标签打开）
- 编辑器自定义插件与跳转链接（v24.11.29）
- 当前页面二维码（v24.11.23）
效率、合规与商业化
- 35 种界面语言（v25.12.01 配置与样式优化）
- 主题与界面定制
- 最小权限模型：
activeTab、downloads、storage、sidePanel等；可选tabs与主机权限 - 免费版每日保存次数限制；终身 Pro / Team（设备数、邮件支持、定制功能）
- 独立下载页：探索、最新、图库、抠图等模块
15 篇博客与写作方向（本系列索引）
| 日期 | Slug | 主题 |
|---|---|---|
| 2024-06-29 | visible-images-compliance | 可见图边界与版权合规 |
| 2024-07-02 | privacy-local-first | 隐私与 local-first |
| 2024-11-22 | bulk-download-three-steps | 三步批量收图 |
| 2024-11-22 | format-convert-editor | 转换与编辑器插件 |
| 2024-11-23 | page-qr-trace | 页面二维码溯源 |
| 2024-11-24 | zip-filename-folder | ZIP 与命名/目录 |
| 2024-11-25 | smart-filter-auto-scroll | 过滤与自动滚动 |
| 2024-11-25 | fast-mode-realtime | 极速与实时嗅探 |
| 2025-06-02 | ecommerce-smart-scripts | 电商脚本分组 |
| 2025-06-02 | dominant-color-palette | 主色提取 |
| 2025-09-30 | reverse-image-search | 以图搜图 |
| 2025-11-23 | ai-background-removal | 本地 AI 抠图 |
| 2025-12-01 | multilingual-interface | 多语言界面 |
| 2026-06-30 | scripts-enable-all | 脚本默认开与全开/全关 |
场景向长文仍放在 文档（电商、设计师、社媒等）；博客负责能力叙事 + 版本时间点。
配图策略：Icon 演示代替 CDN 截图
文档里部分 CDN 截图在本地 dev 或离线环境会失效。官网博客统一用 website/components/docs-demos/ 下的 React 图标演示（经 dg docs sync 链到 common-web 的 @docs-demos），保证版式稳定、可访问、与主题色一致。
今晚就能验证的一条路径
- 快速开始 安装扩展。
- 打开任意图片密集页 → 侧栏勾选 → ZIP 下载。
- 任选一张图试 主色提取 或 以图搜图，确认无上传请求（可在 DevTools Network 观察扩展页）。
[!WARNING] 请仅保存你有权使用的素材。PicHound 不绕过登录、付费或水印保护。
全部文章：博客目录 · 下一篇：只保存页面上已经看见的图