用 kiss-translator 双语翻译扩展,三步搞定外文网页的双语对照阅读
用 kiss-translator 双语翻译扩展三步搞定外文网页的双语对照阅读【免费下载链接】kiss-translatorA simple, open source bilingual translation extension Greasemonkey script (一个简约、开源的 双语对照翻译扩展 油猴脚本)项目地址: https://gitcode.com/gh_mirrors/ki/kiss-translator上周帮朋友调试一段英文技术文档他全程在两个窗口之间来回切换网页一段谷歌翻译一段再切回来对照。十分钟过去文档才读了两屏。其实这种场景每天都在无数人身上发生——读外文资料最耗时的从来不是看不懂而是看一句切一次窗口。今天要介绍的 kiss-translator中文名简约翻译就是一个专治这个痛点的双语翻译扩展它把整页外文直接翻译成中英对照显示原文和译文并排呈现不用复制粘贴不用切换窗口。更难得的是它开源免费支持 Chrome、Edge、Firefox甚至 Android 的 Kiwi、iOS 的 Safari 和 Thunderbird 邮件客户端。下面我就用完成一次真实翻译的完整过程带你从零上手。第一步选对安装姿势十五分钟装好kiss-translator 提供两种形态先花十秒钟搞清楚区别再决定装哪个安装方式适用人群优点注意点浏览器扩展大多数用户推荐功能完整本地语言识别、右键菜单、跨域无忧需要从应用商店安装油猴脚本不想装扩展、或使用 iOS Safari 的用户轻量、随油猴管理器管理会碰到跨域限制需配置域名白名单从项目设计来看官方也明确建议优先用浏览器扩展因为扩展版功能更全、踩坑更少油猴脚本适合在扩展装不上的环境比如部分 iOS 浏览器里做补充。对普通用户来说安装就是打开 Chrome/Edge 应用商店或 Firefox 附加组件商店搜索kiss-translator或简约翻译点一下添加到浏览器即可全程不需要任何命令行操作。如果你恰好是开发者想尝鲜最新代码也可以自己构建一份开发版git clone https://gitcode.com/gh_mirrors/ki/kiss-translator cd kiss-translator pnpm install pnpm build:chrome构建完成后在浏览器的扩展管理页面打开开发者模式加载解压后的扩展目录就能用。想构建 Firefox 版就把最后一条命令换成pnpm build:firefox其它浏览器依此类推。第二步三次点击完成核心配置装好后点击工具栏的翻译图标打开设置面板你不需要逐项研究每个选项只需要完成下面三个动作选翻译服务默认的 Microsoft 和 Google 对绝大多数人够用——速度快、免费、不用填任何密钥。确认语言源语言保持自动检测目标语言改成你的阅读语言比如简体中文。这两项基本是设置一次以后不用再管。记住三个快捷键AltQ切换整页翻译、AltC循环切换译文样式、AltS打开翻译弹窗翻译选中的文字。完成这三步你的基础环境就绪了。下面这张图展示的就是它在技术文档页面的实际效果——右侧悬浮面板里可以看到服务、语言、样式等核心选项第三步按下 AltQ开始真正地读外文在任意外文网页上按一下AltQ整页内容会被翻译成目标语言原文以你选择的样式比如红色下划线标注在译文下方实现真正的双语对照阅读。这里有三个值得了解的细节支持富文本翻译翻译后的内容会尽量保留原文里的链接、加粗等样式不会把一篇排版精美的文章翻成纯文本墙。两种模式自动切换绝大多数网站用自动识别文本模式就能翻译完整不需要你写任何规则遇到结构特殊的网站才需要手动规则介入。可以只看译文如果你觉得双语对照太占版面可以一键切换为仅显示译文阅读体验接近原生中文网站。以新闻资讯类网站为例翻译开启后文章标题和正文会呈现为清晰的双语对照效果到这里一个完整的翻译-阅读工作流已经跑通了。接下来是进阶部分——按你的实际使用场景选择更顺手的翻译姿势。进阶按场景挑选你的翻译姿势与其按功能菜单一条条介绍不如按你正在干什么来选。下面七个场景基本覆盖了日常高频用法。场景一快速浏览技术文档——悬停翻译 词典读文档最怕打断鼠标悬停翻译就是为了不打断阅读流设计的把鼠标移到不认识的段落上停一下译文自动浮现移开即消失延迟时间可以在设置里调。配合内置的英文词典划词后可以查词义、听发音技术文档里的生词基本当场消化。场景二精读重点段落——划词翻译 多服务对比遇到需要逐句理解的重点段落选中文字会弹出翻译框。有意思的是这个翻译框可以同时调用多个翻译服务做对比——同一句话微软翻一遍、谷歌翻一遍、DeepL 再翻一遍语义拿不准时对照着看比盲目相信单一引擎靠谱得多。相关交互实现位于 src/views/Selection/ 目录下。场景三固定读某个外文网站——写一条自动翻译规则如果你每天都要刷某个英文资讯站可以给它建一条个人规则设定域名匹配条件后这个网站每次打开都自动翻译省去手动按AltQ。规则系统的优先级是个人规则 订阅规则 全局规则全局规则相当于兜底个人规则则针对特定网站定制。规则的核心逻辑在 src/config/rules.js 中。场景四表单和搜索框——输入框翻译在外文网站的搜索框或表单里输入内容时按AltI会立即把输入框内的文本翻译成目标语言写完直接回车提交不用先翻译再粘贴。遇到外语购票、填表、发邮件这类场景非常实用。场景五看视频学英语——YouTube 字幕双语翻译这是很多用户入坑的原因之一。开启后YouTube 视频字幕会被翻译并双语显示而且项目内置了字幕合并与断句算法能把机器识别出的一行行零碎字幕重新拼成完整句子再翻译翻译质量明显好于逐条字幕硬翻。如果还想再进一步可以开启 AI 断句功能。相关代码集中在 src/subtitle/ 模块。场景六接入你自己的 AI 接口——把翻译质量拉到新高度如果你手上有 OpenAI、Gemini、Claude、DeepSeek 或本地部署的 Ollama都可以作为翻译服务接入。更进阶的玩法是自定义接口理论上任何翻译接口都能接进来并支持流式传输译文逐字显示、AI 上下文记忆AI 能记住前文翻译长文更连贯、聚合发送多条文本合并成一次请求省调用次数以及 Hook 函数自定义请求和响应处理逻辑。接口层实现见 src/apis/详细配置示例在 custom-api_v2.md。场景七多设备配置同步在电脑上配好规则和样式后可以通过 WebDAV 或自建的 KISS-Worker 服务把配置同步到手机浏览器上规则、样式、收藏词汇、接口配置都能带过去密钥类数据会加密存储。避坑指南四个高频问题一问一答结合项目常见问题这里把最容易踩的四个坑提前讲清楚。问题一Ollama 等本地 AI 接口测试失败原因kiss-translator 目前统一支持 OpenAI 兼容的接口地址不支持 Ollama 的原生接口地址另外很多本地服务默认禁止浏览器跨域访问。对策填接口地址时确认用的是 OpenAI 兼容端点启动 Ollama 时添加环境变量OLLAMA_ORIGINS*放开跨域限制。问题二油猴脚本版发不出翻译请求原因油猴脚本受浏览器跨域策略限制默认不允许向接口域名发请求。对策在油猴管理器的脚本设置里把你使用的接口域名加入白名单。这也是官方建议优先用浏览器扩展的原因之一。问题三写了规则却不生效原因多半是优先级理解反了或者匹配条件写得太宽/太窄。对策记住个人规则 订阅规则 全局规则先在设置页面的规则测试区验证匹配情况再逐步收紧条件。问题四某个 AI 模型翻译总是报错原因部分模型不支持聚合翻译批量参数或者个别参数不兼容比如某些版本的 Gemini 原生接口参数非常特殊。对策在接口配置里禁用聚合翻译参数不兼容时用 Hook 修改请求体或改用 OpenAI 兼容的 Gemini2 接口。效率提升四个值得养成的使用习惯配置对了只是第一步真正拉开效率差距的是使用习惯把快捷键变成肌肉记忆最常用的是AltQ整页翻译、AltS翻译选中文字、AltC切换样式、AltI输入框翻译。设置快捷键的入口在浏览器扩展管理页的快捷键设置处。用订阅规则替代自己造轮子社区维护着最新的订阅规则列表直接订阅比自己从零写规则省事得多遇到规则问题也可以去社区求助。给不同网站配不同样式新闻站用轻量的高亮样式论文站用深色下划线样式AltC一键轮换不用反复进设置。依赖本地缓存重复打开同一页面时缓存能帮你省下大量重复请求翻过的文章二次阅读几乎秒开。写在最后从能翻译到读得下去回到开头那个场景——工具的价值从来不只是把英文变成中文而是让你把省下来的切换窗口时间真正花在理解内容本身。kiss-translator 的定位就是如此一个简约、开源的双语翻译扩展把整页翻译、划词精读、字幕双语、自定义 AI 接口这些能力整合在同一个轻量工具里且没有任何付费墙。它本身也是活跃的开源项目未来计划包括富文本翻译增强、YouTube 字幕体验优化、规则共建机制升级等方向。如果你在用的过程中发现了问题、想提建议或者想贡献一条规则、一段代码都可以参与到社区中来——开源工具的生命力恰恰来自每一个认真使用它的人。从今天起下次再遇到外文网页别急着复制粘贴了——装好它按下AltQ然后安心地读下去。【免费下载链接】kiss-translatorA simple, open source bilingual translation extension Greasemonkey script (一个简约、开源的 双语对照翻译扩展 油猴脚本)项目地址: https://gitcode.com/gh_mirrors/ki/kiss-translator创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考