网页翻译插件 Simple Translate 完整指南从选中即译到本地部署的 5 个关键步骤【免费下载链接】simple-translateWebExtensions for translating text on web pages项目地址: https://gitcode.com/gh_mirrors/si/simple-translateSimple Translate是一款基于 WebExtensions 规范的浏览器翻译插件核心能力是让网页上的选中文本即时翻译并提供工具栏弹窗翻译任意输入内容同时支持 Google Translate 与 DeepL 两大翻译引擎。对经常阅读外文网页的用户来说它最大的价值在于零切换——选中文字的瞬间译文就出现在眼前不必再复制、粘贴、跳转翻译网站。为什么值得为浏览器装一个轻量翻译插件先认清它要解决的三个痛点再决定是否安装阅读流程被打断传统做法是复制文本 → 打开翻译站点 → 粘贴 → 等待结果至少四步操作来回切换标签页非常影响阅读节奏翻译页体验糟糕多数在线翻译页面广告密集、排版杂乱查询一个生词也要忍受满屏干扰长文翻译缺失部分工具只能查单词遇到外文整段或整页内容依然束手无策Simple Translate 把上述三个问题合并成一次鼠标动作。项目源码结构清晰核心代码集中在src/目录分为背景脚本background、内容脚本content、弹窗popup与选项页options四大模块无论普通用户还是开发者都能快速上手。三步上手安装并完成第一次翻译第 1 步获取扩展在浏览器应用商店中搜索 Simple Translate 并安装到当前浏览器。它兼容 Chrome、Firefox 与 Edge 三大主流浏览器安装完成后工具栏会出现一个带有A与あ字样的图标。第 2 步选中即译打开任意外文网页用鼠标框选一段文字文字旁会立即浮现一个翻译按钮点击该按钮译文面板随之弹出面板展示原文与译文的对照结果如需保留译文点击复制图标即可复制到剪贴板整个过程不需要离开当前页面也不会打断你的阅读位置。第 3 步使用弹窗翻译任意文本遇到与网页无关、或不想用鼠标选中的文本时点击工具栏图标打开弹窗在输入框中粘贴或键入待翻译内容下拉框选择目标语言即时获得译文支持一键复制与朗读弹窗底部还提供 Translate this page 入口可一键翻译整个页面适合阅读整篇外文长文。翻译结果不理想先检查这 4 项设置打开设置页面从「General」到「Web page」逐项确认多数翻译效果不对的问题都能在这里解决目标语言默认目标语言决定所有翻译的去向务必设为你的母语或常用语言第二语言用于对照展示的备用语言方便双语阅读翻译候选词开启后译文会列出多个候选表达对一词多义场景尤其有用选中行为可选显示翻译按钮显示翻译面板或不显示三种模式按个人偏好调节弹出方式进阶技巧快捷键、候选词与整页翻译配置快捷键在「Shortcuts」页面为翻译选中文本切换翻译引擎等操作绑定全局快捷键配合浏览器快捷键可以做到手不离键盘完成翻译候选词择优遇到专业术语时结合翻译候选词挑选最贴合语境的表达整页翻译兜底对页面级内容优先使用弹窗中的整页翻译功能再对个别不准确段落做选中翻译修正想自己改代码本地构建与浏览器加载调试全流程环境准备Node 与 npm 版本要求项目对运行环境有明确要求构建前先确认版本避免莫名其妙的依赖报错需要 Node 24.13.0 与 npm 11.7.0拉取源码并安装依赖git clone https://gitcode.com/gh_mirrors/si/simple-translate cd simple-translate npm install启动开发模式监视编译npm run watch-dev该命令启动 webpack 监视模式源码改动后会自动重新编译并将产物输出到dev/目录供浏览器加载。在 Chrome / Edge 中加载打开浏览器地址栏输入chrome://extensionsEdge 为edge://extensions开启右上角的开发者模式点击加载已解压的扩展程序选择项目下的dev/chrome目录在 Firefox 中临时加载在 Firefox 地址栏输入about:debugging点击临时加载附加组件在文件浏览器中选择dev/firefox目录下的清单文件生成分发版本功能调试完成后可运行构建命令产出正式发布包npm run build构建产物会打包成可直接分发的压缩文件便于后续上架或内部发布。常见坑与规避5 个高频问题解答问使用 DeepL 需要额外配置吗答Simple Translate 内置了 Google Translate 与 DeepL 两种引擎切换引擎在设置或快捷键中完成普通使用无需自行申请 API Key问选中文本后翻译按钮不出现答请检查设置中选中行为是否被误设为不显示确认扩展未被网站禁用问翻译语言总是不对答优先核对设置页的目标语言与第二语言是否按需配置问想支持更多语言怎么办答项目通过 Crowdin 平台维护多语言翻译src/_locales/下已包含数十种语言文件可在该平台参与补充问插件会收集我的翻译内容吗答项目对隐私有明确说明翻译请求在本地发起不涉及账号体系敏感使用场景可查阅仓库中的隐私政策文档小结从日常的外文阅读、学术文献浏览到临时输入翻译Simple Translate 用最轻量的交互解决了最常见的翻译需求。普通用户只需三步即可上手而开发者借助清晰的模块划分与完整的构建脚本也能在短时间内完成本地调试与自定义改造。如果你正在寻找一款不打扰、够敏捷的网页翻译插件它值得放进你的浏览器工具箱。【免费下载链接】simple-translateWebExtensions for translating text on web pages项目地址: https://gitcode.com/gh_mirrors/si/simple-translate创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 网页翻译插件 Simple Translate 完整指南：从选中即译到本地部署的 5 个关键步骤
网页翻译插件 Simple Translate 完整指南从选中即译到本地部署的 5 个关键步骤【免费下载链接】simple-translateWebExtensions for translating text on web pages项目地址: https://gitcode.com/gh_mirrors/si/simple-translateSimple Translate是一款基于 WebExtensions 规范的浏览器翻译插件核心能力是让网页上的选中文本即时翻译并提供工具栏弹窗翻译任意输入内容同时支持 Google Translate 与 DeepL 两大翻译引擎。对经常阅读外文网页的用户来说它最大的价值在于零切换——选中文字的瞬间译文就出现在眼前不必再复制、粘贴、跳转翻译网站。为什么值得为浏览器装一个轻量翻译插件先认清它要解决的三个痛点再决定是否安装阅读流程被打断传统做法是复制文本 → 打开翻译站点 → 粘贴 → 等待结果至少四步操作来回切换标签页非常影响阅读节奏翻译页体验糟糕多数在线翻译页面广告密集、排版杂乱查询一个生词也要忍受满屏干扰长文翻译缺失部分工具只能查单词遇到外文整段或整页内容依然束手无策Simple Translate 把上述三个问题合并成一次鼠标动作。项目源码结构清晰核心代码集中在src/目录分为背景脚本background、内容脚本content、弹窗popup与选项页options四大模块无论普通用户还是开发者都能快速上手。三步上手安装并完成第一次翻译第 1 步获取扩展在浏览器应用商店中搜索 Simple Translate 并安装到当前浏览器。它兼容 Chrome、Firefox 与 Edge 三大主流浏览器安装完成后工具栏会出现一个带有A与あ字样的图标。第 2 步选中即译打开任意外文网页用鼠标框选一段文字文字旁会立即浮现一个翻译按钮点击该按钮译文面板随之弹出面板展示原文与译文的对照结果如需保留译文点击复制图标即可复制到剪贴板整个过程不需要离开当前页面也不会打断你的阅读位置。第 3 步使用弹窗翻译任意文本遇到与网页无关、或不想用鼠标选中的文本时点击工具栏图标打开弹窗在输入框中粘贴或键入待翻译内容下拉框选择目标语言即时获得译文支持一键复制与朗读弹窗底部还提供 Translate this page 入口可一键翻译整个页面适合阅读整篇外文长文。翻译结果不理想先检查这 4 项设置打开设置页面从「General」到「Web page」逐项确认多数翻译效果不对的问题都能在这里解决目标语言默认目标语言决定所有翻译的去向务必设为你的母语或常用语言第二语言用于对照展示的备用语言方便双语阅读翻译候选词开启后译文会列出多个候选表达对一词多义场景尤其有用选中行为可选显示翻译按钮显示翻译面板或不显示三种模式按个人偏好调节弹出方式进阶技巧快捷键、候选词与整页翻译配置快捷键在「Shortcuts」页面为翻译选中文本切换翻译引擎等操作绑定全局快捷键配合浏览器快捷键可以做到手不离键盘完成翻译候选词择优遇到专业术语时结合翻译候选词挑选最贴合语境的表达整页翻译兜底对页面级内容优先使用弹窗中的整页翻译功能再对个别不准确段落做选中翻译修正想自己改代码本地构建与浏览器加载调试全流程环境准备Node 与 npm 版本要求项目对运行环境有明确要求构建前先确认版本避免莫名其妙的依赖报错需要 Node 24.13.0 与 npm 11.7.0拉取源码并安装依赖git clone https://gitcode.com/gh_mirrors/si/simple-translate cd simple-translate npm install启动开发模式监视编译npm run watch-dev该命令启动 webpack 监视模式源码改动后会自动重新编译并将产物输出到dev/目录供浏览器加载。在 Chrome / Edge 中加载打开浏览器地址栏输入chrome://extensionsEdge 为edge://extensions开启右上角的开发者模式点击加载已解压的扩展程序选择项目下的dev/chrome目录在 Firefox 中临时加载在 Firefox 地址栏输入about:debugging点击临时加载附加组件在文件浏览器中选择dev/firefox目录下的清单文件生成分发版本功能调试完成后可运行构建命令产出正式发布包npm run build构建产物会打包成可直接分发的压缩文件便于后续上架或内部发布。常见坑与规避5 个高频问题解答问使用 DeepL 需要额外配置吗答Simple Translate 内置了 Google Translate 与 DeepL 两种引擎切换引擎在设置或快捷键中完成普通使用无需自行申请 API Key问选中文本后翻译按钮不出现答请检查设置中选中行为是否被误设为不显示确认扩展未被网站禁用问翻译语言总是不对答优先核对设置页的目标语言与第二语言是否按需配置问想支持更多语言怎么办答项目通过 Crowdin 平台维护多语言翻译src/_locales/下已包含数十种语言文件可在该平台参与补充问插件会收集我的翻译内容吗答项目对隐私有明确说明翻译请求在本地发起不涉及账号体系敏感使用场景可查阅仓库中的隐私政策文档小结从日常的外文阅读、学术文献浏览到临时输入翻译Simple Translate 用最轻量的交互解决了最常见的翻译需求。普通用户只需三步即可上手而开发者借助清晰的模块划分与完整的构建脚本也能在短时间内完成本地调试与自定义改造。如果你正在寻找一款不打扰、够敏捷的网页翻译插件它值得放进你的浏览器工具箱。【免费下载链接】simple-translateWebExtensions for translating text on web pages项目地址: https://gitcode.com/gh_mirrors/si/simple-translate创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考