Files
trade-assistant/browser-extension

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/                 # 图标