# TradeMate 浏览器插件

AI 外贸助手 Chrome 扩展 — 翻译、客户发现、营销文案生成。

## 功能

| 功能 | 说明 |
|------|------|
| 🌐 翻译 | 中英互译 + 多语种，支持划词右键翻译 |
| 💬 智能回复 | 根据客户询盘生成专业/友好回复建议 |
| 🔍 客户发现 | Google 搜索潜在客户，提取联系方式 |
| 📝 营销文案 | 产品描述营销文案生成 |

## 安装

### 开发者模式

1. 打开 Chrome 浏览器，进入 `chrome://extensions/`
2. 开启"开发者模式"
3. 点击"加载已解压的扩展程序"，选择 `browser-extension/` 目录

### Chrome Web Store（待上架）

*Coming soon*

## 使用

1. 点击浏览器工具栏的 TradeMate 图标
2. 首次使用需在设置页面输入 API 地址和登录凭据
3. 登录后自动保存 Token，下次直接使用

### 划词翻译

选中网页上的文字 → 右键 → "TradeMate 翻译选中文本"

## 配置要求

需要一个正在运行的 TradeMate 后端实例：
- API 地址：`https://your-domain.com`
- 登录凭据：TradeMate 平台的用户名和密码

## 技术栈

- Chrome Extension Manifest V3
- Vanilla JS (无构建依赖)
- 调用 TradeMate 后端 API

## 目录结构

```
browser-extension/
├── manifest.json          # 扩展配置
├── popup/                 # 弹出窗口
│   ├── index.html         # UI 主界面
│   ├── popup.js           # 交互逻辑
│   └── popup.css          # 样式
├── background/            # Service Worker
│   └── background.js      # 后台处理（右键菜单）
├── content/               # 内容脚本
│   └── content.js         # 页面内浮动提示框
├── api/                   # API 客户端
│   └── client.js          # 后端 API 封装
└── icons/                 # 图标
```