如何自动将我的网站翻译成用户的语言？答案

【问题标题】：How do I automatically translate my website into the user's language?如何自动将我的网站翻译成用户的语言？
【发布时间】：2021-01-13 15:50:38
【问题描述】：

我有一个英文网站，最近有些用户反映他们不懂英文，所以我想，可能这个网站不是每个人都可以访问的，因为有些人不懂英文。

所以我的问题是：有没有办法让网站自动翻译成用户的语言？

我一直在搜索，好像谷歌有翻译API，这是我需要的吗？

编辑

我想检测用户的浏览器语言并将页面翻译成用户的浏览器语言。我们可以使用 JavaScript 中的navigator.language || navigator.userLanguage 获取浏览器的语言。有没有办法将它与 Google API 集成，然后自动翻译而无需用户交互？

我认为可以通过控制结构和方法，或者通过在谷歌翻译网站上将变量作为参数传递，对吗？
拜托，我需要帮助，我不想让用户选择语言，我想自动翻译，我想识别用户浏览器的语言并自动翻译

注意：我使用<meta charset="UTF-8">，这有什么影响吗？

【问题讨论】：

你看过w3schools.com/howto/howto_google_translate.asp或stackoverflow.com/questions/46966839/…吗？

标签： html

【解决方案1】：

这个答案可能会回答这个问题，并且解决方案来自 w3schools。它的基本作用是使用不同类型的语言创建一个下拉列表。这是代码，告诉我它是否有效。

    <!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My Web Page</h1>

<p>Hello everybody!</p>

<p>Translate this page:</p>

<div id="google_translate_element"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<p>You can translate the content of this page by selecting a language in the select box.</p>

</body>
</html>

我希望这就是你要找的。p>

【讨论】：

现在在不同的代码编辑器中尝试一下。
很好，可以。但是有没有办法实现代码，检测用户设备的语言，然后翻译成用户设备的语言？
你也许可以用 js 来实现。当我得到一个解决方案时，我会发布一个解决方案:)
@coder9927 假设我使用它。为了更好的用户体验，您是否建议我在加载页面时创建一个模式，要求用户选择语言，或者将其放置在页面上的某个位置？
我推荐页面上的其他位置，因为这是您通常在专业网站上看到的方式。

【解决方案2】：

还记得你问我如何检测用户的语言吗？好吧，我终于想出了一个代码。代码如下。

let lang = window.navigator.languages ? window.navigator.languages[0] : null;
    lang = lang || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage;

let shortLang = lang;
if (shortLang.indexOf('-') !== -1)
    shortLang = shortLang.split('-')[0];

if (shortLang.indexOf('_') !== -1)
    shortLang = shortLang.split('_')[0];

console.log(lang, shortLang);

我希望这就是你要找的！

【讨论】：

js中的导航器对于获取用户信息非常有用。