在线翻译工具

咱们开发最经常用到翻译软件了，有道、百度什么的，我都用过，感觉不爽，主要是各种广告，还有奇怪附件程序拖后台（系统洁癖者不能忍受），所以很早之前就做了一个自己的在线翻译小网页，那时是拿人家现成的用，过太久忘记在哪拿来的了。

后来有个想法，想重构这个页面，因为之前是直接拿人家的感觉而且页面调用的资源也很大，看了一下旧版本338KB，新版本才38KB十倍差距，所以萌生了重构页面的想法

这个页面遇到最大困难就是复制粘贴功能了，我目标是点击按钮直接把译文粘贴到系统粘贴板上，刚开始用了execCommand这个方法可兼容性不好，我个人也没研究透彻，最后还是用了一个插件（clipboard.js）14KB，其实我个人是很不想用任何插件的，这个项目全程用原生写，无奈复制粘贴功能没做好。

重构完在线翻译后，我还研究了基于 Node Electron 开发桌面应用，挺有趣的，我直接把写好的翻译页面利用 Electron 跑起来，这会我开始各种折腾，利用 HBuilder 把我的翻译页面打包成APP，在一开始做翻译页面时候我就有做成响应式的考虑，其实我之前做任何功能或者小页面都会习惯性考虑怎么样布局让UI是响应式的，尽量一套代码PC/M能跑起来。

总结：

jsonp跨域访问数据、响应式布局、clipboard.js插件实现复制粘贴，功能单一，但足够平时开发用了

 

在线旧版链接：http://www.konghaowei.com/WEB/Translation/youdao/

在线新版链接：http://www.konghaowei.com/WEB/Translation/baidu/

 

桌面应用：

 

 

手机APP：

在线新版旧版对比：