需求来源

我前段时间备考雅思，为了提升单词量和阅读能力，我开始啃英语新闻。在阅读过程中，我迫切希望能有一个兼具翻译和记录功能的工具来帮助我记单词。

我的需求

1. 能实现单词英译汉。
2. 能播放单词读音。
3. 翻译的同时不打断阅读。
4. 不过多干扰原页面。
5. 能记录单词。
6. 操作简单。

我带着我的需求搜了下 chrome 商店，找到几个很不错的插件，使用了一阵，发现多多少少有不合心意的地方：

• Burning Vocabulary

  很有名气的老牌划词翻译软件，能划词翻译并记录单词。但是它每次翻译会自动记录单词，有些单词我只想看看意思，并不用记录下来；另外它会在单词下画很丑的波浪线，一篇文章如果标记得多，看着非常乱，影响阅读。

• 沉浸式翻译

  这个不多说了，神器。但是它强于翻译，不太适合学英语这个场景。

• 侧边翻译

  能翻译单词，侧边栏交互也深得我心。缺点就是操作有点不方便，也不能记录单词。

产品思路

最后我决定基于侧边栏特性自己做一个翻译工具，双击页面中的单词，唤出侧边栏显示释义，并可以选择是否标记单词。因为一篇文章，可能会频繁遇到生词，使用双击来触发翻译，足够快捷；侧边栏释义也能保证阅读不被打断，页面不受干扰。

开发

原型开发用了一个周末，过程倒没什么可说的，代码很粗放，也没有 UI，反正也就自己用，有字就行。后面空了就做一点 UI，优化一点逻辑，但因为又要上班又要学习，空闲时间少得可怜，进度一直很慢。直到考完试出了成绩，才好好抽时间捯饬了一下，最后发到线上。

后记

这个插件我自己用了小两月，雅思从 5.5 提到了 6.5，成功达到目标。我感觉这个插件也算有用吧（笑）。 chrome 商店地址：https://chromewebstore.google.com/detail/transider/iepaohcnkdejgafdmdifpepgpdbphhlo?hl=zh-CN&utm_source=ext_sidebar 欢迎试用和反馈。