5分钟上手 Simple Translate:让网页翻译插件实现"选中即译"的实用指南
【免费下载链接】simple-translateWebExtensions for translating text on web pages项目地址: https://gitcode.com/gh_mirrors/si/simple-translate
每次读外文网页都要复制文本、切换标签页、粘贴到翻译网站,再切回来对照结果?这套动作一天重复十几次,费时又打断思路。Simple Translate 就是为解决这个痛点而生的网页翻译插件:它把翻译能力直接嵌入浏览器,选中即译、右键即译、整页即译,全程无需离开当前页面。接下来这篇上手指南会带你从零安装、跑通第一次翻译,再到解锁快捷键、DeepL 等高阶玩法,全程不到 5 分钟。
还在"复制—粘贴—翻译"?你只差一个浏览器里的翻译插件
先问你一个问题:你一天要翻译多少次网页内容?查文献、看外媒、读 GitHub 文档、刷社交平台……每次都要在翻译网站和原网页之间来回切换,浏览器标签页开了一排,思路却断了一茬。
Simple Translate的解决思路很简单:把翻译入口从"另一个标签页"搬回"你正在读的页面里"。它的核心功能包括:
- 选中文本即译:框选任意一段文字,页面内直接弹出翻译结果,不跳转、不切页
- 弹窗手动翻译:点击工具栏图标,在弹窗里输入或粘贴文本即可翻译
- 整页翻译:一键用 Google 翻译生成整个页面的译文,支持新标签页或当前页打开
- 右键菜单翻译:在选中文本、链接甚至标签页上右键,一步触发翻译
- 双翻译引擎:默认走免费的 Google Translate,也可切换为 DeepL API
- 快捷键调用:内置全局快捷键,键盘党也能零鼠标操作
它支持 Chrome、Edge、Firefox 三大浏览器,插件本体轻量,翻译请求与结果缓存都在本地完成,日常使用非常顺滑。
如上图所示,在网页上框选一段文字后,旁边会出现一个翻译按钮,点击即可在选中位置附近查看译文。
三步装好并跑通第一次翻译
方式一:普通用户一键安装
如果你只是日常使用,最省事的路径是直接在应用商店搜索 "Simple Translate" 并安装:
- Chrome:打开扩展程序商店搜索安装
- Edge:在 Edge 加载项商店中搜索安装
- Firefox:在 Firefox 附加组件商店中搜索安装
安装完成后,工具栏会出现 Simple Translate 的图标,此时它已经处于可用状态,无需任何配置。
方式二:从源码构建本地加载(进阶用户)
想尝鲜最新功能或参与二次开发,可以从仓库克隆源码自行构建。克隆命令:
git clone https://gitcode.com/gh_mirrors/si/simple-translate进入目录后依次执行两步:
cd simple-translate npm install然后启动开发模式,它会监视源码变化并持续输出构建产物:
npm run watch-dev构建完成后会生成dev/chrome与dev/firefox两个目录,按浏览器分别加载:
| 浏览器 | 操作入口 | 选择目录 |
|---|---|---|
| Chrome | 地址栏输入chrome://extensions,开启"开发者模式" | 点击"加载已解压的扩展程序",选择dev/chrome |
| Edge | 地址栏输入edge://extensions,开启"开发人员模式" | 点击"加载解压缩的扩展",选择dev/chrome |
| Firefox | 地址栏输入about:debugging | 点击"临时载入附加组件",选择dev/firefox |
提示:源码构建需要 Node.js 24.13.0 与 npm 11.7.0 或更高版本,装好后记得核对版本,避免构建报错。
跑通第一个用例:3 秒内得到译文
安装完成后,随便打开一篇英文文章,跟着下面三步走,你的第一次翻译就完成了:
- 用鼠标框选一段英文文本
- 点击选中文字旁出现的翻译按钮
- 页面内立刻弹出翻译结果面板,点外部任意处或按Esc即可关闭
如果你不想在页面内操作,也可以点击工具栏图标打开弹窗(如上图),把文本粘贴进输入框,译文会随输入实时刷新;弹窗底部还提供"翻译此页面"的快捷入口。
解锁高频实用技巧,让翻译更顺手
装好只是开始,以下设置能让它的效率再上一个台阶。所有选项都集中在右键图标 → 选项中,界面清晰、改完即时生效。
1. 把"默认目标语言"改成你的母语
在"General"(通用)分类下设置Target language(目标语言)和Second language(第二语言)。插件会自动识别原文语言并翻译成目标语言;第二语言用于在页面内按住 Shift 点按钮时快速切换目标语,中英来回读文献时非常实用。
2. 三种选中行为,按阅读习惯选
在"Web page"(网页)分类的"选中文本时的行为"中:
- 显示翻译按钮:默认项,框选后先出按钮,点击才翻译,最省流量
- 直接显示翻译面板:框选即翻译,追求极速
- 不显示按钮或面板:彻底关闭选中翻译,仅保留弹窗和右键功能
3. 让快捷键替代鼠标
插件内置了两条快捷键,默认即可用:
| 快捷键 | 作用 |
|---|---|
Ctrl+Space | 翻译当前选中的文本 |
Ctrl+Shift+Space | 打开翻译弹窗 |
习惯用键盘的同学可以把这两条快捷键练成肌肉记忆,翻译动作完全不需要碰鼠标。也可以在浏览器的"扩展程序快捷键"设置中改键。
4. 翻译更准的两个参数
- 开启Show translation candidates(显示翻译候选词):翻译单词时会附带词典式的词性、多个候选释义,读术语类内容时准确度大幅提升
- 切换到DeepL:在通用设置里把翻译引擎从 Google 换为 DeepL,并在 DeepL 官网申请免费的 Auth Key 填入,对长句和正式文本的翻译质量更友好
5. 让插件学会"闭嘴"
在"Web page"分类下可以告诉插件哪些场合不要打扰你:
- 忽略特定语言页面:在
ignoredDocumentLang里填上en, ru等,这些语言的页面不会触发翻译 - 禁用特定网址:在
disableUrlList里按行填写https://example.com/*这类通配规则,匹配的站点自动关闭插件功能 - 密码框与代码框豁免:勾选对应开关,输入框、代码块里的文本不会被误触发翻译
常见问题速查
问:页面内不出现翻译按钮了?
检查两项:一是"选中文本时的行为"是否被改成了"不显示";二是该站点是否命中了你的禁用网址列表或忽略语言列表。
问:提示"翻译服务不可用"(unavailable)?
多为瞬时网络或服务限流,稍后重试即可;若持续报错,可切换翻译引擎或检查网络环境。网络异常时会显示 networkError 提示。
问:DeepL 填了密钥还是失败?
确认填写的是完整 Auth Key(形如xxxx-xxxx-xxxx:fx的一整串),并检查在 DeepL 后台选择了 Free 还是 Pro 计划,插件里需保持一致。
问:只想临时关掉插件,不想卸载?
点击工具栏图标打开弹窗,直接关闭即可;需要时再打开,设置不会丢失。
这插件适合谁?它还能长成什么样
适用人群一目了然:
- 经常读外文资讯、文献、文档的研究者和学生
- 需要频繁对照中英、中日内容的翻译和外贸从业者
- 爱刷国外社区和视频评论的普通用户
- 想把翻译能力嵌进自己扩展项目的开发者
值得探索的延伸生态:
- 多语言贡献:项目在 Crowdin 上开放了 30 多种语言的本地化翻译,界面文案由社区共同维护,你只需几分钟就能为母语版本出一份力
- 源码结构清晰:核心翻译逻辑集中在
src/common/translate.js,设置项定义在src/settings/defaultSettings.js,想定制功能(比如接入别的翻译 API)可以从这两个文件入手 - 生产构建:需要分发或打包时执行
npm run build,即可生成可供商店提交的正式产物,构建配置见webpack.config.dist.js
现在就去应用商店搜 "Simple Translate" 安装,然后打开一篇英文文章,框选一段文字试试——你会发现,网页翻译从此不再打断你的阅读节奏。如果遇到问题,可以对照官方文档页(docs/index.md)和隐私政策(docs/privacy-policy.md)获取更多说明,也可以阅读源码中的注释理解插件行为。安装、试用、调整语言,五分钟内你就能拥有一个真正"长在浏览器里"的翻译助手。
【免费下载链接】simple-translateWebExtensions for translating text on web pages项目地址: https://gitcode.com/gh_mirrors/si/simple-translate
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考