ByteNoteByteNote
字

字节笔记本

2026年3月22日

沉浸式翻译：开源双语翻译浏览器扩展

#开源工具

沉浸式翻译（Immersive Translate）是一款功能强大的双语网页翻译浏览器扩展，支持超过 10 种主流翻译服务，能够智能识别网页内容并进行双语对照翻译，让用户在阅读外文内容时获得流畅的翻译体验。该项目已拥有超过 1000 万用户，是全球最受欢迎的网页翻译工具之一。

项目简介

沉浸式翻译（ immersive-translate/immersive-translate ）是一款由开发者 Owen 开发的浏览器翻译扩展，在 GitHub 上获得了超过 17,300 颗星标和 1,000 次分叉，是 GitHub 上最受欢迎的翻译类项目之一。项目至今已发布 510 个版本，最新版本为 v1.26.6，持续保持高频更新。

沉浸式翻译的核心理念是"沉浸式双语翻译"——不同于传统翻译工具将整个页面替换为单一语言，沉浸式翻译采用双语对照的方式，在保留原文的同时显示译文，让用户能够对照阅读。这种方式不仅提高了翻译的可读性，还有助于用户学习外语。

需要特别说明的是，沉浸式翻译的 GitHub 仓库主要用于发布版本和 issue 追踪，项目本身并非完全开源。其早期的开源版本已于 2023 年 1 月 17 日归档。尽管如此，项目仍然秉承开放的理念，提供了丰富的免费功能，支持多种浏览器和翻译引擎，并且提供了油猴脚本版本供用户使用。

核心特性

沉浸式翻译提供了丰富而强大的功能集，以下是其核心特性：

  • 双语对照翻译：核心功能是在网页上同时显示原文和译文，采用智能排版确保双语对照的阅读体验。支持段落级、句子级双语翻译，译文以不同颜色或样式标注，便于区分。

  • 多种翻译引擎：支持超过 10 种翻译服务，用户可以根据需求自由选择和切换。支持的翻译服务包括：

    • DeepL 翻译
    • OpenAI（GPT 系列）
    • Microsoft 翻译
    • Google 翻译
    • 腾讯翻译君
    • 百度翻译
    • 阿里翻译
    • Gemini
    • Claude
    • Yeekit
    • 自定义翻译 API（支持 DeepLX 等第三方代理）

  • PDF 翻译：支持对 PDF 文件进行双语翻译，保持原始排版格式。用户可以选择逐页翻译或全文翻译，翻译后的 PDF 可以导出保存。

  • EPUB 电子书翻译：支持对 EPUB 格式的电子书进行双语翻译，生成双语对照版本的 EPUB 文件，方便在电子阅读器上阅读。

  • 字幕翻译：支持对视频字幕文件（SRT、VTT 等格式）进行翻译，适用于 YouTube、Netflix 等平台的视频字幕双语显示。

  • TXT 文本翻译：支持对纯文本文件进行翻译，生成双语对照文本。

  • 输入框翻译：在任何网页的输入框中输入内容时，支持实时翻译为指定语言，方便在外语网站上进行交流。

  • 悬停翻译：鼠标悬停在网页任意文字上即可显示翻译结果，无需选中文字或点击按钮，翻译体验自然流畅。

  • 视频双语字幕：支持 YouTube、Netflix、Bilibili 等主流视频平台的实时双语字幕显示，让观看外语视频不再有语言障碍。

  • Epub 阅读器：内置 Epub 电子书阅读器，支持直接在浏览器中打开和阅读翻译后的电子书。

  • 鼠标悬停词汇查询：悬停在任意单词上可以查看详细的词典释义，支持多种权威词典源。

  • 自定义翻译规则：用户可以设置翻译区域、排除区域、自定义样式等，满足个性化翻译需求。

技术栈

沉浸式翻译作为一款浏览器扩展，其技术实现涉及多个前端技术领域：

  • 浏览器扩展技术：基于浏览器扩展标准 API（Chrome Extensions API / WebExtensions API）开发，兼容 Chrome、Firefox、Edge、Safari 等主流浏览器。

  • 内容脚本注入：通过 Content Script 注入技术，在不修改原始网页的前提下，将翻译结果智能地嵌入到网页 DOM 结构中。

  • 智能文本识别：采用 DOM 分析和文本节点识别算法，能够精准识别网页中的正文内容，避免翻译导航栏、广告等非正文元素。

  • CSS 样式隔离：使用 Shadow DOM 和 CSS 命名空间等技术，确保注入的翻译样式不会影响原始网页的显示效果。

  • 缓存机制：内置翻译结果缓存，已翻译的内容无需重复请求翻译服务，减少 API 调用次数，提升翻译速度。

  • 多线程处理：利用 Web Worker 实现翻译请求的并行处理，避免大量翻译任务阻塞主线程，保证浏览器的流畅运行。

  • 油猴脚本：提供 Tampermonkey / Greasemonkey 用户脚本版本，适用于无法安装浏览器扩展的环境。

  • 跨浏览器适配：针对不同浏览器的扩展 API 差异进行了适配处理，确保在各平台上的功能一致性。

安装指南

沉浸式翻译支持多种浏览器和安装方式：

Chrome / Edge / 其他 Chromium 浏览器

  1. 访问 Chrome 网上应用店：
    • Chrome 用户：访问 Chrome Web Store 搜索"沉浸式翻译"
    • Edge 用户：访问 Edge Add-ons 搜索"沉浸式翻译"
  2. 点击"添加至 Chrome"或"获取"按钮安装
  3. 安装完成后，浏览器工具栏将出现沉浸式翻译图标

Firefox

  1. 访问 Firefox 附加组件商店（Add-ons for Firefox）
  2. 搜索"沉浸式翻译"或"Immersive Translate"
  3. 点击"添加到 Firefox"按钮安装

Safari

  1. 访问 Mac App Store
  2. 搜索"沉浸式翻译"
  3. 下载并安装 Safari 扩展

Android

Android 用户可以通过以下浏览器使用沉浸式翻译：

  • Kiwi Browser：在 Chrome Web Store 安装沉浸式翻译扩展
  • Firefox Android：安装 Tampermonkey 油猴扩展，然后安装沉浸式翻译的油猴脚本
  • Lemur Browser：直接支持沉浸式翻译扩展

油猴脚本版本

对于使用其他浏览器的用户，可以通过油猴脚本使用核心功能：

  1. 安装 Tampermonkey 或 Greasemonkey 扩展
  2. 访问沉浸式翻译的 GitHub Releases 页面
  3. 下载最新版本的 .user.js 油猴脚本文件
  4. 在 Tampermonkey 中新建脚本，粘贴脚本内容并保存

快速开始

首次配置

安装完成后，点击浏览器工具栏的沉浸式翻译图标，进入设置页面进行初始配置：

  1. 选择翻译引擎：在"翻译服务"设置中，选择首选翻译引擎。推荐使用 DeepL 或 Google 翻译作为默认引擎。

  2. 配置翻译语言：设置目标翻译语言（即你希望将外文翻译成的语言），通常设置为"简体中文"。

  3. 选择翻译模式：

    • 双语对照：同时显示原文和译文（推荐）
    • 仅译文：只显示翻译结果

  4. 调整翻译样式：可以根据个人偏好调整译文的字体大小、颜色、背景色等显示样式。

基本使用

配置完成后，即可开始使用沉浸式翻译：

  1. 翻译当前网页：点击工具栏图标或使用快捷键 Alt + A（Windows）/ Option + A（Mac），即可翻译当前网页。

  2. 翻译指定区域：鼠标悬停在某个区域，点击出现的翻译按钮，可仅翻译该区域。

  3. 暂停/恢复翻译：翻译过程中可以随时暂停或恢复翻译。

  4. 查看原文：将鼠标悬停在已翻译的段落上，可以切换查看原文。

快捷键

沉浸式翻译提供了以下常用快捷键：

  • Alt + A / Option + A：翻译/取消翻译当前网页
  • Alt + W / Option + W：翻译 PDF 文件
  • Alt + S / Option + S：开启/关闭悬停翻译
  • Alt + K / Option + K：翻译输入框内容

使用示例

翻译英文新闻文章

  1. 打开任意英文新闻网站（如 BBC、CNN、The Verge 等）
  2. 按 Alt + A 快捷键启动翻译
  3. 页面将自动识别正文内容并进行双语对照翻译
  4. 英文原文和中文译文以段落为单位对照显示
  5. 鼠标悬停在任意段落上可以查看原始英文

翻译 PDF 学术论文

  1. 在浏览器中打开 PDF 文件
  2. 右键选择"沉浸式翻译"或按 Alt + W
  3. 选择翻译引擎和目标语言
  4. 等待翻译完成，PDF 页面将显示双语对照内容
  5. 点击导出按钮可以下载翻译后的双语 PDF

YouTube 视频双语字幕

  1. 打开 YouTube 视频页面
  2. 沉浸式翻译将自动检测视频字幕
  3. 在视频下方显示原文和译文的双语字幕
  4. 支持调节字幕字体大小、位置和透明度
  5. 也可以导出双语字幕文件（SRT 格式）

翻译 EPUB 电子书

  1. 点击沉浸式翻译图标，选择"Epub 翻译"
  2. 上传本地 EPUB 文件
  3. 选择翻译引擎和目标语言
  4. 等待翻译完成后，下载双语对照版本的 EPUB 文件
  5. 使用任意 EPUB 阅读器打开即可享受双语阅读体验

使用自定义翻译引擎

如果希望使用 DeepLX 等第三方翻译 API：

  1. 进入沉浸式翻译设置 > 翻译服务
  2. 选择"自定义翻译 API"或"DeepL"
  3. 在 API 地址栏输入 DeepLX 服务地址（如 http://localhost:8080/translate）
  4. 如果需要，填写 API Key（DeepLX 无需填写）
  5. 点击"测试"验证连接是否正常
  6. 保存设置后即可使用自定义翻译引擎

GitHub 代码页面翻译

在阅读 GitHub 项目的 README、Issue 或 Pull Request 等英文内容时：

  1. 使用快捷键 Alt + A 翻译当前页面
  2. 沉浸式翻译会智能识别代码区域，仅翻译文本内容
  3. 代码块保持原样不变，不会影响代码阅读
  4. 支持翻译 GitHub 的导航栏、按钮文本等 UI 元素

项目链接

开源工具
上一篇

Python 网络爬虫开发完全指南

下一篇

沉浸式翻译：开源双语翻译浏览器扩展

分享: