Claude.ai 中文界面插件开源！1300+ 词条汉化，Chrome/Edge 均支持，附完整安装教程

前言

用过 Claude.ai 的朋友都知道，它的界面是全英文的。对于日常使用来说，虽然不影响和 Claude 对话，但菜单、设置、按钮全是英文，用起来还是有点别扭。

最近我开发了一个浏览器扩展，专门解决这个问题——把 Claude.ai 的整个界面翻译成简体中文，安装完打开 claude.ai 立刻生效，对话内容完全不受影响。

项目已经开源：https://github.com/abckkf321/claude-translate-extension

---

效果展示

安装前后对比：

位置	安装前（英文）	安装后（中文）
侧边栏	New chat / Projects	新建对话 / 项目
输入框提示	How can I help you today?	今天我能帮你做什么？
模型描述	Most capable for ambitious work	最强能力，应对高要求任务
设置页面	Appearance / Privacy / Billing	外观 / 隐私 / 账单
用量显示	64% used / Resets in 3 hr	已用 64% / 3 小时后重置
错误提示	Something went wrong	出了点问题

覆盖范围包括：主界面、设置页、账单页、隐私设置、Claude Code 相关设置、连接器管理、记忆功能……基本上你能点到的地方都翻译了。

---

主要特性

✅ 1300+ 条翻译词条

从 Claude.ai 的 JS bundle 中提取了全部 UI 文本，经过多轮过滤和人工校对，最终覆盖 1300+ 条词条。主界面、设置的每个子页面、错误提示、按钮标签全都包含在内。

✅ 动态文本实时翻译

Claude.ai 有很多文字是动态生成的，比如用量百分比、倒计时、星期几等等，这类文字不能靠词典匹配，需要用正则规则处理。

插件内置了 18 条动态规则，举几个例子：

"64% used"              → "已用 64%"
"Resets in 3 hr 48 min" → "3 小时 48 分钟后重置"
"Resets Mon 11:00 AM"   → "周一 11:00 重置"
"Last updated: 5 minutes ago" → "5 分钟前更新"
"Happy Friday, 张三"    → "周五好，张三"
"More options for 我的项目" → "我的项目 的更多选项"

✅ React SPA 完美适配

Claude.ai 是一个 React 单页应用，页面切换时不会重新加载，内容是动态渲染的。插件使用 MutationObserver 监听 DOM 变化，每次 React 渲染新内容都会自动触发翻译，切换页面也不会漏掉。

✅ 对话内容绝对安全

翻译只作用于界面元素，以下区域会被完全跳过，保证你和 Claude 的对话内容、代码块不会被误翻：

• .prose（Claude 回复正文）
• [data-testid="user-message"]（用户消息）
• code / pre（代码块）
• .cm-content（CodeMirror 编辑器）
• iframe / canvas / svg（嵌入内容）

✅ 弹窗控制面板

点击扩展图标可以打开控制面板，支持一键开关翻译、手动刷新、查看当前词条数量。

---

技术实现

翻译引擎：四级匹配

1. 精确匹配     TRANSLATIONS["Send message"] → "发送消息"
       ↓ 未命中
2. 模糊匹配     去掉末尾标点后再查（解决 "Save." 匹配 "Save"）
       ↓ 未命中
3. 动态正则     /^(\d+)%\s+used$/ → "已用 N%"
       ↓ 未命中
4. 前缀匹配     处理被 <a> 链接截断的长句

第四级「前缀匹配」解决了一个比较棘手的问题：Claude.ai 设置页的很多描述文字末尾都嵌了一个「了解更多」的链接，导致文本节点被截断，精确匹配无法命中。前缀匹配会找词典里以当前文本节点开头的条目，按比例截取对应翻译。

词典是怎么提取的

1. 录制 Claude.ai 的 HAR 文件（Network 面板 → 保存所有内容）
2. 用 Python 脚本解析 HAR，从所有 JS bundle 中提取字符串字面量（原始约 83000 条）
3. 多轮正则过滤，去掉 CSS class、camelCase 变量名、URL、base64、Tailwind class 等噪音
4. 筛选出约 1300 条候选 UI 文本
5. 用运行时收集脚本在实际页面上补漏
6. 人工校对 + 翻译

核心过滤逻辑（Python）：

def is_ui_text(s):
    if not re.match(r'^[A-Z]', s): return False          # 必须大写开头
    if re.search(r'[{}\\`]|=>|===', s): return False     # 排除代码片段
    if re.fullmatch(r'[a-z][a-zA-Z0-9]*', s): return False  # 排除 camelCase
    if '_' in s and ' ' not in s: return False           # 排除 snake_case
    # ... 更多规则
    return True

---

安装方法

Chrome / Edge 通用（手动安装）

1. 下载项目 ZIP：https://github.com/abckkf321/claude-translate-extension.git
2. 解压到任意位置
3. 打开浏览器，地址栏输入：
   • Chrome：chrome://extensions/
   • Edge：edge://extensions/
4. 开启右上角（Edge 在左下角）的「开发者模式」
5. 点击「加载已解压的扩展程序」，选择解压后的文件夹
6. 打开 claude.ai，界面立刻变为中文 ✅

Windows 用户（一键辅助安装）

解压后双击 install-windows.bat，脚本会自动检测 Chrome/Edge，打开扩展管理页并定位到文件夹，跟着提示走 3 步完成安装。

macOS 用户

解压后右键点击 install-macos.command → 打开，同样的辅助流程。

⚠️ 注意：Chrome 和 Edge 的安全策略不允许第三方程序全自动安装扩展，所以最后「加载文件夹」这一步需要手动操作，这是浏览器的硬性限制。

---

文件结构

claude-translate-extension/
├── manifest.json          # Chrome 扩展配置（Manifest V3）
├── translations.js        # 翻译词典（1300+ 词条）
├── content.js             # 核心翻译引擎
├── popup.html / popup.js  # 弹窗控制面板
├── install-windows.bat    # Windows 辅助安装脚本
├── install-macos.command  # macOS 辅助安装脚本
├── install.html           # 图文安装引导页
└── icon16/48/128.png      # 扩展图标

---

已知问题和限制

Claude.ai 更新后可能有新词条未翻译 Anthropic 不定期更新前端，新增的文字会暂时显示英文，我会定期跟进补充。如果你发现了漏翻的地方，欢迎在 GitHub 提 Issue 反馈，附上截图即可。

不支持 Firefox Firefox 的扩展 API 和 Chrome 有差异，后续版本考虑适配。

---

如何贡献

发现漏翻的文字？在 Claude.ai 页面打开 F12 控制台，运行这段代码收集：

const found = new Set();
document.querySelectorAll('button,a,label,span,p,h1,h2,h3,li').forEach(el => {
  el.childNodes.forEach(n => {
    if (n.nodeType === 3) {
      const t = n.textContent.trim();
      if (t && /^[A-Z]/.test(t) && t.length > 1 && t.length < 100 && /[a-z]/.test(t))
        found.add(t);
    }
  });
});
copy([...found].sort().join('\n'));
console.log(`已复制 ${found.size} 条`);

把复制的内容提交到 GitHub Issue，我来补充翻译。

---

最后

这个项目目前是 v1.0 版本，肯定还有不少漏网之鱼，欢迎大家使用后反馈问题。

GitHub 地址：https://github.com/abckkf321/claude-translate-extension

如果觉得有用，欢迎点个 Star ⭐，也欢迎提 PR 一起完善翻译词典。

本项目为非官方社区项目，与 Anthropic 无关。