咱們開發最經常用到翻譯軟件了，有道、百度什么的，我都用過，感覺不爽，主要是各種廣告，還有奇怪附件程序拖后臺（系統潔癖者不能忍受），所以很早之前（大概2016年年底）就做了一個自己的在線翻譯小網頁，那時是拿人家現成的用，過太久忘記在哪拿來的了。

后來有個想法，想重構這個頁面，因為之前是直接拿人家的感覺而且頁面調用的資源也很大，看了一下舊版本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：

在線新版舊版對比：

總結

以上是生活随笔為你收集整理的在线翻译工具的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。