TradeMate 浏览器插件
AI 外贸助手 Chrome 扩展 — 翻译、客户发现、营销文案生成。
功能
| 功能 | 说明 |
|---|---|
| 🌐 翻译 | 中英互译 + 多语种,支持划词右键翻译 |
| 💬 智能回复 | 根据客户询盘生成专业/友好回复建议 |
| 🔍 客户发现 | Google 搜索潜在客户,提取联系方式 |
| 📝 营销文案 | 产品描述营销文案生成 |
安装
开发者模式
- 打开 Chrome 浏览器,进入
chrome://extensions/ - 开启"开发者模式"
- 点击"加载已解压的扩展程序",选择
browser-extension/目录
Chrome Web Store(待上架)
Coming soon
使用
- 点击浏览器工具栏的 TradeMate 图标
- 首次使用需在设置页面输入 API 地址和登录凭据
- 登录后自动保存 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/ # 图标