开发文档

欢迎来到 Annotate Translate 开发者文档！本文档面向想要理解项目架构、贡献代码或二次开发的开发者。

技术栈

Chrome Extension Manifest V3
Vanilla JavaScript (ES6+)
Provider Pattern 架构
无构建流程，直接加载

快速开始

1. 克隆仓库

bash

git clone https://github.com/your-username/annotate-translate.git
cd annotate-translate

2. 加载扩展

打开 Chrome 浏览器，访问 chrome://extensions/
启用"开发者模式"（右上角开关）
点击"加载已解压的扩展程序"
选择项目根目录

3. 开始开发

修改代码后，点击扩展卡片上的刷新按钮
打开浏览器控制台查看日志
使用 Chrome DevTools 调试

详细开发指南 →

文档导航

📚 基础

架构概览 - 系统整体架构
快速开始 - 开发环境搭建
项目结构 - 目录和文件组织
核心概念 - 设计模式和关键思想

🔧 核心系统

扩展架构 - Manifest V3 详解
翻译服务 - TranslationService 深入
提供商系统 - 如何实现翻译提供商
AI 翻译 - OpenAI 集成和提示词
词库系统 - ECDICT 和词汇标注

🎨 专题

UI 组件 - 翻译卡片和标注 UI
设置管理 - 配置系统详解
缓存策略 - LRU 缓存实现
国际化 - i18n 系统使用
调试指南 - 调试技巧和工具

贡献代码

我们欢迎各种形式的贡献：

🐛 报告 Bug
💡 提出新功能
📝 改进文档
🔧 提交 Pull Request

请查看贡献指南了解详情。

下一步