一个轻量级 Chrome 扩展,在 X.com (Twitter) 的每条推文旁添加翻译按钮,一键翻译为简体中文。
- 鼠标悬停推文时显示翻译按钮 🌐
- 点击按钮自动检测语言并翻译为简体中文
- 再次点击还原原文
- 翻译过程中显示 loading 动画
- 翻译失败自动恢复原文并提示
- 下载或 clone 本仓库
- 打开 Chrome,访问
chrome://extensions - 开启右上角「开发者模式」
- 点击「加载已解压的扩展程序」,选择本项目目录
安装后访问 x.com,鼠标悬停在任意推文上,右下角会出现 🌐 按钮:
- 点击 🌐 — 翻译推文为简体中文
- 点击 ↩ — 还原原文
- Chrome Manifest V3 扩展
- 无构建步骤,纯 JS/CSS 内容脚本直接注入
- 通过
MutationObserver监听 SPA 动态加载的推文 - 使用 Google Translate 免费 Web API 进行翻译
- DOM 操作使用
textContent和节点克隆,避免innerHTML以防范 XSS
├── manifest.json # 扩展配置
├── content.js # 核心逻辑(推文检测、翻译、DOM 操作)
├── content.css # 按钮样式与动画
└── icons/ # 扩展图标
修改代码后:
- 在
chrome://extensions页面点击扩展卡片上的刷新按钮 - 刷新 x.com 页面即可看到更新
MIT