返回

让网页翻译更加轻松:谷歌翻译和element.js使用技巧笔记

前端

谷歌翻译作为一款全球知名的在线翻译工具,凭借着其覆盖广泛的语言种类、流畅自然的翻译效果,成为了众多跨语言沟通人士的不二之选。然而,在具体使用过程中,我们也可能会遇到一些小困扰,例如浏览器自带谷歌翻译不能一键切换原文译文,安卓的webview无此功能等。不过,借助element.js,这些问题都能迎刃而解。本篇文章将详细介绍谷歌翻译及其element.js的使用技巧,希望能对大家有所帮助。


  • 打开谷歌浏览器,在地址栏输入“chrome://extensions”,然后点击“打开开发者模式”。

  • 将谷歌翻译插件的crx文件拖拽至浏览器窗口,插件将自动安装。

  • 安装完成后,浏览器右上角会出现一个谷歌翻译的图标。

  • 打开需要翻译的网页,点击浏览器右上角的谷歌翻译图标,选择“翻译此页面”。

  • 稍等片刻,页面将被翻译成您的首选语言。

  • 点击谷歌翻译图标,选择“显示原文”,即可在原文和译文之间切换。


  • 将element.js文件下载到您的项目中。
  • 在您的HTML文件中,添加以下代码:
<script src="element.js"></script>
  • 在您的JavaScript文件中,添加以下代码:
var element = new Element('选择器');
  • 将“选择器”替换为需要翻译的元素的CSS选择器。例如,要翻译整个网页的内容,可以使用“body”作为选择器。

  • 要翻译元素,请使用以下代码:

element.translate('目标语言');
  • 将“目标语言”替换为要翻译成的语言代码。例如,要翻译成中文,可以使用“zh-CN”作为目标语言。

除了以上两种方式外,还有一些其他的技巧可以帮助您更有效地使用谷歌翻译。

  • 使用快捷键:在谷歌翻译网页版中,您可以使用“Ctrl+C”和“Ctrl+V”快捷键来复制和粘贴文本。
  • 使用词典功能:谷歌翻译提供了一个词典功能,可以帮助您查找单词的翻译和用法。
  • 使用语音输入功能:谷歌翻译提供了一个语音输入功能,可以帮助您用语音输入文本。
  • 使用相机翻译功能:谷歌翻译提供了一个相机翻译功能,可以帮助您用相机翻译文本。

希望这些技巧能够帮助您更加轻松地使用谷歌翻译。如果您有任何其他问题,请随时与我们联系。


谷歌翻译和element.js都是非常强大的工具,可以帮助我们轻松地翻译网页内容。通过合理地利用这些工具,我们可以更加轻松地跨越语言障碍,畅游互联网世界。