咱們開發(fā)最經(jīng)常用到翻譯軟件了，有道、百度什么的，我都用過(guò)，感覺(jué)不爽，主要是各種廣告，還有奇怪附件程序拖后臺(tái)（系統(tǒng)潔癖者不能忍受），所以很早之前（大概2016年年底）就做了一個(gè)自己的在線翻譯小網(wǎng)頁(yè)，那時(shí)是拿人家現(xiàn)成的用，過(guò)太久忘記在哪拿來(lái)的了。

后來(lái)有個(gè)想法，想重構(gòu)這個(gè)頁(yè)面，因?yàn)橹笆侵苯幽萌思业母杏X(jué)而且頁(yè)面調(diào)用的資源也很大，看了一下舊版本338KB，新版本才38KB十倍差距，所以萌生了重構(gòu)頁(yè)面的想法

這個(gè)頁(yè)面遇到最大困難就是復(fù)制粘貼功能了，我目標(biāo)是點(diǎn)擊按鈕直接把譯文粘貼到系統(tǒng)粘貼板上，剛開始用了execCommand這個(gè)方法可兼容性不好，我個(gè)人也沒(méi)研究透徹，最后還是用了一個(gè)插件（clipboard.js）14KB，其實(shí)我個(gè)人是很不想用任何插件的，這個(gè)項(xiàng)目全程用原生寫，無(wú)奈復(fù)制粘貼功能沒(méi)做好。

重構(gòu)完在線翻譯后，我還研究了基于 Node Electron 開發(fā)桌面應(yīng)用，挺有趣的，我直接把寫好的翻譯頁(yè)面利用 Electron
跑起來(lái)，這會(huì)我開始各種折騰，利用 HBuilder
把我的翻譯頁(yè)面打包成APP，在一開始做翻譯頁(yè)面時(shí)候我就有做成響應(yīng)式的考慮，其實(shí)我之前做任何功能或者小頁(yè)面都會(huì)習(xí)慣性考慮怎么樣布局讓UI是響應(yīng)式的，盡量一套代碼PC/M能跑起來(lái)。

總結(jié)：

jsonp跨域訪問(wèn)數(shù)據(jù)、響應(yīng)式布局、clipboard.js插件實(shí)現(xiàn)復(fù)制粘貼，功能單一，但足夠平時(shí)開發(fā)用了

在線舊版鏈接：http://www.konghaowei.com/WEB/Translation/youdao/

在線新版鏈接：http://www.konghaowei.com/WEB/Translation/baidu/

桌面應(yīng)用：

手機(jī)APP：

在線新版舊版對(duì)比：

總結(jié)

以上是生活随笔為你收集整理的在线翻译工具的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。