如何在您的网页上添加 Google 翻译按钮?

2025年3月17日 | 阅读 3 分钟

什么是 Google 翻译?

Google 翻译是 Google 提供的一项服务,我们可以通过它一键将文本翻译成我们想要的任何语言。Google 翻译服务支持移动应用程序和网站,并提供 API,因此开发人员可以高效地处理和使用它。它支持 100 多种语言,包括印地语。

借助 Google 翻译器,开发人员无需创建多种语言的网页。他以单一语言创建网页,用户可以根据自己喜欢的语言翻译网页。

除了这种方法之外,还有其他方法可以翻译网页。

我们将使用 HTML 和 CSS 创建网页,并在我们的网页上实现 Google 翻译功能。

示例

输出

How to Add Google Translate Button on Your Webpage

说明

在上面的示例中,我们已经在我们的网页上实现了 Google 翻译服务。我们创建了一个 HTML 页面,其中包含一些描述该页面的段落。然后,在脚本标签中,我们使用了接受两个参数的函数:一个是默认语言(我们将其设置为英语),另一个是目标元素。我们创建了另一个脚本标签,其中插入了 Google 开发人员提供的 API,以便我们可以在我们的网页上使用 Google 翻译器的功能。

当我们在浏览器中运行代码时,它会显示一个带有下拉菜单的网页,我们可以从中选择我们想要翻译的语言。我们选择印地语,得到了以下输出

输出

How to Add Google Translate Button on Your Webpage

注意:由于某些原因,Google 翻译器方法不是翻译网页的最佳方法,例如

您无法控制您正在翻译的内容。

您无法翻译图像上的文本,这使得它效率很低。

示例 2

输出

How to Add Google Translate Button on Your Webpage

说明

在上面的代码中,我们插入了一张图片和一些文本,并创建了网页。现在我们已经实现了相同的代码来放置 Google 翻译按钮。图片中写有一些文本,但是当我们选择一些首选语言来翻译给定页面时,它会忽略图片。它只翻译普通文本,而不翻译图片,这是 Google 翻译器的一个缺点。