在线翻译工具

Posted konghaowei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在线翻译工具相关的知识,希望对你有一定的参考价值。

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


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


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


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


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

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

 

桌面应用:

技术分享图片

 

 

手机APP:

技术分享图片



在线新版旧版对比:

技术分享图片




 














以上是关于在线翻译工具的主要内容,如果未能解决你的问题,请参考以下文章

如何将本地文件网页显示,然后使用google在线翻译工具

求英文翻译成中文!拒绝翻译工具!谢谢!

工具学习——有哪些好用的学术翻译工具

Python制作翻译工具(程序员必备中英文翻译工具)

Python制作翻译工具(程序员必备中英文翻译工具)

求乱码翻译工具下载