乐于分享
好东西不私藏

翻译插件嫌贵?我自己做了一个——Tingo解语

翻译插件嫌贵?我自己做了一个——Tingo解语

不会写代码没关系,AI 会。不需要精通编程,但需要一点折腾的耐心和基本的搜索能力。于是做了我个人印记和高辨识度的翻译-Tingo解语 。


起因:我只是想看 Reddit Pinterest

最近在研究海外内容创作,需要大量阅读 Reddit、YouTube、Pinterest等英文内容。英文水平嘛...能看懂标题,长篇幅的正文就开始头疼了。

试了几个翻译工具:

  • 沉浸式翻译- 功能确实强,但 Pro 版 ¥900/年,免费版各种限制
  • KISS Translator- 开源免费,但配置复杂,界面不够直觉
  • ClickNow- 一次性 $20,但只能在 macOS 用,浏览器内体验一般

我就想:这些工具的核心逻辑不就是"选中文字 → 调 API → 显示翻译"吗?

AI 时代了,能不能自己做一个?


我的需求(很简单)

  1. 选中英文,旁边弹个按钮,点一下就翻译
  2. 鼠标悬停在单词上,自动弹出释义
  3. 能朗读发音
  4. YouTube 视频能显示双语字幕
  5. 免费,用自己的 API key
  6. Chrome 和 Safari 都能用

预算:¥0(API 费用除外,DeepSeek 翻译 100 万字才 ¥1)


过程:和 AI 结对编程的一下午

我用的是Claude,全程对话式开发。

我负责:提需求、测试、反馈问题 AI 负责:写代码、调试、解决兼容性问题

整个过程大概是这样的:


第一步:Chrome 扩展(30 分钟)

我:"帮我做一个沉浸式翻译的 Chrome 扩展,支持 DeepSeek API"

AI 直接生成了完整的扩展代码:manifest.json、background.js、content.js、设置页面...

第一版就能用了。选中文字 → 弹出翻译。

[Chrome 扩展设置页面]


第二步:加功能(迭代了 N 轮)

每次我说一句话,AI 就改一版:

"加个鼠标悬停翻译单词的功能" → 加了

"选中文字后弹个小图标,点击才翻译" → 加了

"图标颜色太淡了看不见" → 改成蓝色圆形按钮

"能不能加发音朗读" → 用浏览器内置 TTS 实现了

"YouTube 字幕能翻译吗" → 加了双语字幕模块

[📸 :选中文字后出现蓝色🔍图标的效果]


第三步:DeepSeek 模型名踩坑

配置好 API key,点测试,报错了:

"The supported API model names are deepseek-v4-pro or deepseek-v4-flash, but you passed deepseek-chat"

原来 DeepSeek 升级了,旧模型名不能用了。告诉 AI,一分钟修好。

教训:AI 的训练数据可能过时,但它能根据错误信息立刻修正。


第四步:Safari 适配

Chrome 搞定了,Safari 怎么办?

很多人卡在 Safari 开发需要 Xcode 和开发者账号。但我转念一想,既然有 Userscripts,为什么不把 Chrome 的逻辑降维打击,改成油猴脚本?AI 很快理解了我的意图,帮我完成了 fetch 逻辑的重写。

替代方案:用 Safari 的 Userscripts 扩展(App Store 免费),把翻译功能写成油猴脚本。

[📸 :Safari 中 Userscripts 加载 Tingo解语]


第五步:自定义图标

默认图标是个蓝色圆圈,太丑了。

我:"图标太丑了,给我换成蓝色圆形按钮,要有阴影悬浮感。"

Claude:"没问题,CSS 已更新,现在它看起来像个悬浮球了。"

我:"图片不是正方形会变形。"

Claude:"我用 sips 裁好了,16/48/128 三个尺寸。"

搞定。

[📸 :最终的扩展图标效果]


最终成果:Tingo解语

一个完全属于自己的翻译工具,功能对比:

功能
沉浸式翻译 Pro (¥900/年)
Tingo解语 (¥0)
网页双语翻译
划词翻译
鼠标悬停翻译
单词发音
YouTube 字幕
DeepSeek/Ollama
部分
Chrome + Safari
代码可改
❌ 闭源
✅ 全是自己的
年费
¥900
¥0

实际翻译成本:DeepSeek API,¥1 大约能翻译 100 万字符。我一个月看大概用不到 ¥5。


“商业产品卖的是‘通用功能’,而 AI 时代,我们每个人都能拥有‘定制灵魂’。Tingo 也许不完美,但它懂我的 Reddit 习惯,也认得我的 DeepSeek 账号。”

安全提示:API key 仅存储在浏览器本地(localStorage),不会上传到任何第三方服务器。请勿在公共电脑上使用。

几个感悟

1. AI 编程的门槛已经低到什么程度?

我不是程序员。我只是会用 AI 工具,能看懂报错信息,知道自己要什么。整个过程没写一行代码,全是"我要这个功能" → AI 写 → 我测试 → "这里有问题" → AI 修。

2. 不需要一步到位

第一版很粗糙,但能用。然后一点点加功能、改细节。这比一开始就想做一个"完美产品"要现实得多。

3. 自己做的最大好处:完全可控

想加什么功能就加,想改什么逻辑就改。不用等别人更新,不用付订阅费,不用担心服务商跑路。

4. 沉浸式翻译值不值 ¥900?

说实话,如果你需要 PDF 翻译、Netflix 字幕、视频会议翻译这些高级功能,它值。但如果你只是看看网页、刷刷 Reddit、看看 YouTube - 自己做一个完全够用。


你也想做一个?

需要的东西:

  • 一个 AI 编程工具(Kiro、Cursor、Claude 都行)
  • 一个 DeepSeek API key(价格便宜)
  • 一点耐心(遇到报错别慌,截图给 AI 就行)

不需要的东西:

  • 编程基础(AI 替你写,你只需要能说清楚要什么)
  • 很多时间(一下午足够)
  • 钱(除了 API 几毛钱的费用)

(代码正在整理中,评论区留言或者私信我,直接发你)

工具是拿来用的,不是拿来供的。

当一个工具要价 ¥900/年,而你只用到它 10% 的功能时——也许该自己动手了。


触墨流金 · @Atingo

#AI工具 #效率工具 #翻译 #Chrome扩展#safari扩展 #自己动手