MouseTooltipTranslator

鼠标悬停即译,覆盖网页、视频、PDF、图片,让跨语言阅读无障碍。

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 对话助手 🍴 复刻 187 🐛 待处理 198 👀 关注 18
GitHub ↗
GitHub 星标 ★ 1368
维护状态 维护中
是否开源 开源
定价模式 🏷️完全免费 开源浏览器扩展,MIT许可证,完全免费,无付费版本。

项目预览

MouseTooltipTranslator 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类对话助手
开发团队ttop32
定价模式🏷️完全免费
价格说明开源浏览器扩展,MIT许可证,完全免费,无付费版本。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型browser-extension,chatgpt,chrome,chrome-extension,dictionaries,dictionary,dual,ebook,epub,extension,manifest-v3,ocr,pdf,subtitle,translate,translator,tts,vue,webextension,youtube
GitHub 星标★ 1368
上线时间2020-12-24 00:00:00
代码更新2026-09-06
仓库体积114.4 MB
本站数据更新2026-11-09
维护状态维护中
收录时间2026-08-09
浏览次数4

项目介绍

MouseTooltipTranslator 是一款功能强大的浏览器扩展,旨在解决多语言阅读和翻译的痛点。它允许用户通过鼠标悬停或划词,在任何网页、PDF、EPUB 电子书、Netflix 和 YouTube 视频(支持双语字幕)、Google Docs、Gmail 等场景中即时翻译文本。项目集成了 OCR 技术,可识别图片中的文字并翻译;内置 TTS 朗读功能,辅助语言学习;支持多种翻译引擎(包括 AI 模型),并提供词典查询。其核心能力在于将翻译功能无缝嵌入日常浏览和办公流程,极大提升跨语言信息获取效率。项目基于 Manifest V3 构建,兼容 Chrome 和 Edge 浏览器,代码开源,社区活跃。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 1368

使用教程

难度:入门 约 10 分钟 部署方式:浏览器扩展 8 步

环境要求

  • Node.js 18(README 指定的构建环境)
  • git(用于克隆仓库)
  • Chrome 或 Edge 浏览器(Manifest V3,支持开发者模式加载扩展)
  • 终端/命令行工具

安装与启动步骤

  1. 1安装 Node.js 18

    前往 nodejs.org 下载并安装 Node 18 版本,安装完成后可在终端执行 node -v 检查版本。

  2. 2克隆项目仓库

    把 MouseTooltipTranslator 源码下载到本地,并进入项目目录。

    git clone https://github.com/ttop32/MouseTooltipTranslator.git
    cd MouseTooltipTranslator
  3. 3安装依赖

    在项目根目录执行 npm install,安装构建扩展所需的全部依赖包。

    npm install
  4. 4构建扩展

    执行 npm run build 生成扩展产物;开发调试可改用 npm run watch 自动重建。

    npm run build
  5. 5确认构建输出

    构建成功后项目根目录下会出现 MouseTooltipTranslator/build 路径,这就是要加载的扩展文件夹。

  6. 6打开扩展管理页

    在 Chrome 地址栏输入 chrome://extensions/ 进入扩展管理页面。

  7. 7开启开发者模式

    打开扩展页面右上角的“开发者模式”开关,才会出现加载未打包扩展的入口。

  8. 8加载已解压的扩展

    点击“加载已解压的扩展程序”,选择 MouseTooltipTranslator/build 文件夹完成安装。

如何确认成功

在 chrome://extensions/ 列表中看到 MouseTooltipTranslator 已启用,打开任意网页用鼠标悬停或划词,能弹出翻译提示框即成功。

常见问题

Q:不构建能直接用吗?

A:可以。README 提供了 Chrome Web Store、Edge Extension Store 和 Firefox Addons 的安装链接,普通用户直接商店安装即可,无需自行构建。

Q:开发时改代码每次都要重新 build 吗?

A:不用。README 建议开发时使用 npm run watch,它会监听文件变化自动重新构建。

Q:加载扩展时报错或找不到入口?

A:请确认选择的是构建生成的 MouseTooltipTranslator/build 文件夹,而不是仓库根目录,同时确认右上角开发者模式已打开。

Q:Node 版本有要求吗?

A:README 明确要求 Node.js 18,版本过低可能导致 npm install 或构建失败。

注意事项

  • 加载扩展时选择的是构建产物 build 目录,不是项目根目录。
  • 必须先在扩展页右上角开启开发者模式,否则看不到“加载已解压的扩展程序”选项。
  • 按 README 要求使用 Node 18,避免依赖安装或构建异常。
  • 仅支持 Manifest V3 的浏览器环境,README 明确兼容 Chrome 与 Edge。

核心亮点

  • 支持场景极广:网页、PDF、EPUB、视频字幕、图片 OCR 等,几乎覆盖所有阅读场景
  • 集成 OCR 和 TTS,能翻译图片文字并朗读,对语言学习特别友好
  • 支持 Netflix/YouTube 双语字幕,看剧学外语体验好

不足之处

  • 功能过多导致配置项复杂,新用户上手需要时间
  • OCR 和 AI 翻译功能可能依赖外部 API,部分高级功能需要用户自备密钥

适用场景

  • 阅读外文网页或文档时,悬停翻译生词,提升理解效率
  • 观看外语视频(Netflix/YouTube)时开启双语字幕,辅助学习
  • 处理扫描版 PDF 或图片中的外文内容,通过 OCR 提取并翻译

替代项目

沉浸式翻译、划词翻译、Saladict

上一篇:MyRecipeBook

下一篇:bob-plugin-openai-translator

同类项目推荐

Modern-Red-Team-Infrastructure 开源

把红队零散工具整合成一套可落地的现代基础设施架构

A comprehensive modern architecture model is proposed to integrate platform solution···

★ 329 2026-10-06
shortdrama-pipeline 开源

一键生成短剧剧本、角色和视频,打造你的AI短剧生产线

Backend-first AI pipeline for Chinese short-drama script, character, and video gener···

★ 120 2026-08-09
mwoyeo 开源

屏幕放个透镜,外语文字原地变中文

Live, in-place screen translation for macOS — a lens that rewrites the text under i···

★ 108 2026-10-24
CrackSQL 开源

一句话把 SQL 方言翻译成另一种,省去手动改写

LLM-based Dialect Translation System

★ 88 2026-08-09
mattergen 开源

用生成式AI按性能要求直接造出无机材料候选结构

Official implementation of MatterGen -- a generative model for inorganic materials d···

★ 1862 2026-09-16
hr-onboarding-agent 开源

飞书里自动收材料、审证件、催流程的 AI 入职助手

Open-source AI-assisted HR onboarding for Feishu/Lark: configurable workflows, docum···

★ 100 2026-09-12
twenty 开源

开源 CRM,像搭积木一样定制,还能接 AI

The open alternative to Salesforce, designed for AI.

★ 60658 2026-10-08
Word2World 开源

输入故事,一键生成可玩的2D游戏世界

Word2World is an LLM-based PCG system that creates playable 2D world from stories

★ 69 2026-08-09