Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

X Translate

一个轻量级 Chrome 扩展,在 X.com (Twitter) 的每条推文旁添加翻译按钮,一键翻译为简体中文。

功能

  • 鼠标悬停推文时显示翻译按钮 🌐
  • 点击按钮自动检测语言并翻译为简体中文
  • 再次点击还原原文
  • 翻译过程中显示 loading 动画
  • 翻译失败自动恢复原文并提示

安装

  1. 下载或 clone 本仓库
  2. 打开 Chrome,访问 chrome://extensions
  3. 开启右上角「开发者模式」
  4. 点击「加载已解压的扩展程序」,选择本项目目录

使用

安装后访问 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/          # 扩展图标

开发

修改代码后:

  1. chrome://extensions 页面点击扩展卡片上的刷新按钮
  2. 刷新 x.com 页面即可看到更新

License

MIT

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages