news 2026/8/14 12:22:22

5分钟上手 Simple Translate:让网页翻译插件实现“选中即译“的实用指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
5分钟上手 Simple Translate:让网页翻译插件实现“选中即译“的实用指南

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/chromedev/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 秒内得到译文

安装完成后,随便打开一篇英文文章,跟着下面三步走,你的第一次翻译就完成了:

  1. 用鼠标框选一段英文文本
  2. 点击选中文字旁出现的翻译按钮
  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),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/14 12:21:24

如何统一管理 AI Agent Memory?用 memU 打通 Claude Code、Codex 与 Cursor

前言 使用 AI Agent 一段时间后,很容易遇到一个问题:每个 Agent 都有自己的记忆,但这些记忆彼此隔离。 在 Claude Code 里解释过的项目背景,换到 Codex 后还要再讲一次;某个会话总结出的调试经验,换台电脑…

作者头像 李华
网站建设 2026/8/14 12:17:54

微信聊天记录永久保存终极指南:WeChatMsg开源工具从零到精通

微信聊天记录永久保存终极指南:WeChatMsg开源工具从零到精通 【免费下载链接】WeChatMsg 提取微信聊天记录,将其导出成HTML、Word、CSV文档永久保存,对聊天记录进行分析生成年度聊天报告 项目地址: https://gitcode.com/GitHub_Trending/we…

作者头像 李华
网站建设 2026/8/14 12:17:46

大模型知识蒸馏过程中常见的精度丢失问题如何解决?

开篇引言当下,大模型在人工智能领域的应用愈发广泛,但落地过程中面临着诸多痛点。大模型对算力的需求极高,这使得企业在部署时需要投入巨额的硬件成本以及持久的电力消耗,例如一些大型数据中心为维持大模型运行,每月的…

作者头像 李华
网站建设 2026/8/14 12:17:24

155、Zephyr RTOS电源管理基础:电源管理实战案例

Zephyr RTOS电源管理基础:电源管理实战案例 去年冬天调试一个工业传感器节点,电池续航死活撑不过48小时。用电流钳一测,待机电流居然有12mA——这数字让我后背发凉。翻遍代码发现罪魁祸首是某个GPIO在休眠前没释放,导致外设电源轨一直挂着。那次之后我彻底把Zephyr的电源管…

作者头像 李华