个人项目看板 工程花园 · 公开陈列
← 返回看板
translation-extension(翻译助手)
已上线

简介

解决什么问题

读英文资料时,频繁地"复制 → 切到翻译网站 → 粘贴 → 切回来"会彻底打断阅读节奏。这个扩展把翻译嵌回浏览器本身:选中即译,不离开当前页面。

核心功能

  • 划词翻译:选中任意文本,旁边浮出翻译气泡,不打断阅读流
  • 输入翻译:点击工具栏图标,在 popup 弹窗中手动输入文本翻译
  • 整页翻译:通过 content script 遍历处理整个页面的文本节点
  • 双 API 后端:火山引擎(豆包)与 DeepSeek 可一键切换,哪家便宜好用用哪家
  • 配置页:独立的 options 页面管理 API Key 与个人偏好

技术要点

Chrome Extension Manifest V3 标准(Service Worker 后台架构,符合 Chrome 最新扩展规范);模块划分清晰:background(后台调度)/ content(页面注入)/ popup(弹窗)/ options(配置)/ lib(公共逻辑),约 20 个源文件。v1.0.0 已签名打包为 CRX 安装文件。

链接

本地仓库(git)

复盘

  • 关键决策:双 API 后端不是炫技——单一翻译服务随时可能限流或涨价,把 API 层做成可切换的适配器,扩展的长期可用性才有保障
  • 学到什么:MV3 的 Service Worker 生命周期(随时被浏览器休眠)是所有新手都会踩的坑,状态管理必须假设后台随时被杀死
元信息
开始2026-07-18
最后活跃2026-07-18
完结2026-07-18
技术栈javascript, chrome-extension
工具浏览器扩展翻译