DeepL Chrome 翻译插件完整使用指南三步开启浏览器划词翻译与 OCR 识别【免费下载链接】deepl-chrome-extensionA DeepL Translator Chrome extension项目地址: https://gitcode.com/gh_mirrors/de/deepl-chrome-extension读外文网页最烦的不是看不懂而是查一次词打断一次思路选中一段话切到翻译网站粘贴等结果再切回来刚才读到哪里全忘了。DeepL Chrome 翻译插件要解决的正是这件事——它把 DeepL 的专业翻译引擎直接装进浏览器选中文字即点即译全程不离开当前页面。这篇文章不堆术语只讲怎么装、怎么配、怎么用得顺手顺带把容易踩的坑提前排掉。上图是插件在维基百科页面的实际效果选中一段西班牙语文字后右侧弹出翻译窗口原文与中文译文上下对照还带复制按钮和源语言标签一个具体的痛点翻译不该打断阅读想象你在读一篇西班牙语维基百科条目或者一份英文技术文档每隔几分钟就有一段拿不准的内容。传统做法是复制 → 切到网页翻译 → 粘贴 → 回来看结果至少四步。更麻烦的是等你切回来时目光已经找不到刚才读到哪一行了。划词翻译类插件的思路完全不同选中的瞬间翻译窗口就出现在页面角落原文和译文上下对照读完即关阅读节奏几乎不被打断。这个项目在这一类工具里显得特别轻——它不搞复杂的收藏夹、历史记录、双语对照模式核心就一件事把 DeepL 的翻译结果又快又准地送到你眼前。要说明的是这个插件不自带翻译服务需要你配置自己的 DeepL API TokenREADME 里写得很直白。翻译质量由 DeepL 的引擎决定插件只负责最后一公里的体验选中、请求、展示。DeepL 官方为开发者提供免费额度个人日常阅读通常够用具体配额以 DeepL 官网最新政策为准。分步上手装好、配好、用起来整个上手过程可以拆成三步每一步都有一句为什么和一句小心什么。第一步安装插件选商店版还是离线版如果你能访问 Chrome 网上应用店直接搜索 A Translator 添加即可这是最省事的方式后续还能自动更新。如果你用的是 Edge、360 浏览器、猎豹浏览器或者不方便访问商店就走离线安装从项目的发布页下载最新的extension.zip解压后打开浏览器的扩展管理页面Chrome 是chrome://extensions/开启右上角的开发者模式点击加载已解压的扩展程序选中解压出来的文件夹即可。小心离线版不会自动更新隔段时间记得回来看看有没有新版本。第二步配置 DeepL API Token安装完成后进入插件的配置页面src/pages/Options/Options.tsx就是这个页面的源码。需要填写的内容不多API 秘钥去 DeepL 官网注册开发者账号拿到你的 API Token 填进来API 类型下拉框里两个选项——DeepL Pro付费计划请求走api.deepl.com和免费走api-free.deepl.com选哪个取决于你的账号类型选错了会一直报鉴权失败默认目标语言默认中文ZH下拉里列出了 DeepL 支持的全部语言填完之后点一下页面右下角的测试 Token按钮。它会真的发一条 This is a test message. 到 DeepL API翻译成功就说明密钥和区域都没配错。这一步很关键——很多怎么都翻译不了的问题其实在配置阶段就能提前暴露。第三步划词翻译核心操作就一个动作随便打开一个网页用鼠标选中一段外文松开鼠标时文字旁边会浮现一个小的翻译图标点它翻译窗口就从页面右下角滑出来原文在上、译文在下。窗口可以拖到任何位置右上角的 X 关闭译文底部有复制按钮和源语言标签比如截图里的 ES。至此你已经可以正常使用了。剩下的是让它更好用的细节。进阶玩法OCR 识别、快捷键与几个值得打开的开关让图片里的文字也能翻译配置腾讯云 OCR这是这个插件最有特色的一点。遇到图片里的文字截图、海报、扫描件DeepL 帮不上忙——它只接受文本。插件用腾讯云 OCR先看图识字再把识别出的文字丢给 DeepL 翻译两条链路合起来就是图片文字翻译。配置位置就在同一个配置页的腾讯云 OCR区域填入腾讯云的 Secret Id 和 Secret Key选一个离你近的地域默认上海可选北京、广州、香港、首尔、新加坡、多伦多等。不填也能正常用翻译功能OCR 只是可选项。识别逻辑在src/common/ocr-client.ts里走的是腾讯云GeneralBasicOCR通用印刷体识别接口。配置好之后按快捷键CtrlShiftEMac 是 CtrlCommandE就能在页面上框选区域松开鼠标即开始识别并翻译。快捷键把操作再减一步CtrlShiftWMacCtrlCommandW打开/唤出翻译应用窗口CtrlShiftEMacCtrlCommandE开启 OCR 框选快捷键定义在src/manifest.json的commands字段里如果和浏览器或系统快捷键冲突可以在扩展详情页的快捷键里自行修改。两个影响体验的小开关配置页底部有一个开启网页悬浮按钮的勾选项对应源码里的hoverButton配置。勾选后选中文字时会出现翻译图标取消后图标消失你需要靠快捷键或翻译窗口来触发。如果你是重度快捷键用户可以考虑关掉它让页面更干净。另外如果你的主力阅读场景是英文技术文档建议把目标语言固定好比如中文省得每次手动切换。代码块里的换行会被插件自动处理成空格src/pages/Content/index.tsx里有一段针对pre和.highlight容器的特殊处理翻译技术文档时格式不会乱。想改代码几个值得先看的文件如果你打算基于它二次开发可以从这几个入口入手src/common/api.tsDeepL API 客户端构造翻译请求、处理错误信息都在这里整个文件不到 60 行src/pages/Content/index.tsx划词与高亮逻辑用 rangy 库给选中的原文加高亮src/pages/Options/Options.tsx配置页所有配置项的读写逻辑src/pages/Background/后台脚本负责截图和与 API 的通信项目基于 React TypeScript Webpack 构建本地跑起来需要 Node 16 以上克隆后依次执行npm install和npm run build产物输出到build目录加载这个目录即可。git clone https://gitcode.com/gh_mirrors/de/deepl-chrome-extension cd deepl-chrome-extension npm install npm run build避坑清单新手最容易卡住的四个问题按症状 — 原因 — 解法来对照你自己的情况找就行。症状一点翻译没反应窗口不出来原因多半是悬浮按钮没出现或者根本没选中文字。检查一下配置页里开启网页悬浮按钮是否被取消了勾选另外部分动态加载内容的页面如无限滚动的信息流可能在内容渲染前就已初始化刷新页面再试。症状二一直报鉴权失败 / Token 错误最常见的原因是 API 类型选错了。免费账号配了DeepL Pro或者反过来请求都会被拒。先在配置页把区域改对再用测试 Token按钮验证这条链路通了基本就稳了。症状三OCR 能框选但识别总报错先确认腾讯云 OCR 的 Secret Id / Secret Key 没填反地域是否在你开通服务的区域。还要注意插件用的是腾讯云 OCR 的通用印刷体接口手写体、艺术字识别率会明显下降这不是配置问题。症状四翻译结果里换行全部消失这是有意为之。插件为了适配代码块和文档会主动把换行转成空格split_sentences和preserve_formatting参数也参与了行为控制避免整段代码被拆得七零八落。如果你更在意保留原文格式可以去src/common/api.ts里调整请求参数。哪些人适合它以及如何参与如果你符合下面任何一条这个插件都值得一试经常读英文、日文、西语等技术文档或外文资料需要即时理解而非逐句精读需要处理截图、图片中的外文内容记得配 OCR已经在用 DeepL API想省去写前端调用的功夫它不是那种装上就不用管的工具——没有 API Token 它什么都做不了配置需要五分钟。但一旦配好它换来的是每次阅读时省下的切换成本长期看这笔投入很划算。作为 MIT 协议的开源项目它的参与门槛也不高遇到 bug 可以到项目的 Issues 区反馈附上复现步骤和报错信息作者才能定位想加功能、修样式直接提 Pull Request代码量不大从src/common/api.ts或某个组件读起很快就能上手。如果你恰好是 React 开发者这还是一个不错的扩展开发入门样本——一个完整可运行的 Chrome 扩展全部源码加起来也就十来个文件。动动手把它装进浏览器下次再遇到读不顺的外文网页时你会感谢自己今天的这几分钟。【免费下载链接】deepl-chrome-extensionA DeepL Translator Chrome extension项目地址: https://gitcode.com/gh_mirrors/de/deepl-chrome-extension创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考