电商资质查询助手（Chrome 浏览器扩展）产品系统

B2B 获客团队日常需要从淘宝、天猫、京东的店铺里批量获取工商资质（营业执照、公司名称、法人、联系方式等），用于电销、客户入库、撞单验证。传统做法是人工逐个打开店铺资质页逐条复制，单条耗时 1 分钟以上，且容易出错。本项目面向这一高频、低价值的人工环节，用浏览器扩展自动化替代，目标是把单条资质查询压缩到秒级，并打通寻客宝、企搜客、企客宝三平台的客户库回写，形成「搜索 → 提取 → 校验 → 入库」完整闭环。

1. 商品页资质注入：在淘宝搜索页、天猫商品页、京东全站的商品下方自动注入「查看资质」按钮，点击即可弹出该店铺完整工商资质，无需跳页。
2. 搜索页品牌面板：右侧固定面板，支持按关键词/全量查询当前结果下的所有品牌客户，支持翻页、复制、撞单验证、客户归属标记。
3. 联系方式查询：输入公司名，自动反查该公司的联系电话，勾选后一键复制。
4. 客户库回写：提取到的品牌（连同勾选的电话）一键保存到企客宝客户库，无需手动录入。
5. Cookie 同步登录：在寻客宝、企搜客、企客宝页面一键同步登录信息到后台，免去重复登录。
6. 撞单验证：抓取客户前自动校验是否已有同事在跟进，避免客户撞单。

- 浏览器扩展：Chrome Extension Manifest V3，Service Worker 负责消息路由与配置实时同步。
- 脚本架构：Content Script 负责 DOM 注入与按钮渲染，Background 负责跨域请求与数据持久化，Popup（Vue 2.7 + Element 风格）负责用户配置面板。
- 前端框架：Vue 2.7（弹窗）、原生 JS（内容脚本）。
- 构建工具：Webpack 5 + Babel，支持开发/生产两种模式，产物可打包成 .crx 签名分发。
- 数据交互：原生 fetch / XMLHttpRequest，含跨域 cookie 处理与加密参数拼接。
- 跨端兼容：兼容 Chrome、Edge、Brave、Opera、360 等全部 Chromium 内核浏览器。
实现难点：
- 淘宝/京东不同页面 DOM 结构差异大，需要按 selector 优先级做兜底匹配，并在 SPA 路由切换后重新挂载按钮。
- 跨域 cookie 抓取需要同时处理 SameSite、HttpOnly、不同域名下的 session 透传。
- 资质数据来源多家（淘宝、京东、第三方工商查询接口），需要抽象出可扩展的数据源适配层。
- 撞单验证需对接企客宝后台接口，存在网络抖动与频率限制，需要本地缓存与请求队列。
- Service Worker 在 MV3 下被频繁休眠，需要把关键状态持久化到 chrome.storage 并在启动时恢复。