在页面加载时将网站翻译成任何特定语言答案

【问题标题】：Translate website to any specific language, on page load在页面加载时将网站翻译成任何特定语言
【发布时间】：2012-10-13 08:49:48
【问题描述】：

有人知道如何在加载网页时使用 Google 翻译将网页翻译成任何语言吗？

我不想要下拉菜单，我只想在网站加载时将其转换为特定语言。我已经尝试了很多东西 http://code.google.com/p/jquery-translate/ 但一切都是徒劳的。任何好的建议将不胜感激。

【问题讨论】：

标签： javascript jquery dom-events google-translate google-translator-toolkit

【解决方案1】：

<!--
  This code will translate page contents automatically (without user input)
  Settings located at line 9, current script will translate english to estonian
-->
<style>#google_translate_element,.skiptranslate{display:none;}body{top:0!important;}</style>
<div id="google_translate_element"></div>
<script>
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'en', 
            includedLanguages: 'et', 
            autoDisplay: false
        }, 'google_translate_element');
        var a = document.querySelector("#google_translate_element select");
        a.selectedIndex=1;
        a.dispatchEvent(new Event('change'));
    }
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

从这个要点： https://gist.github.com/artturik/15bed885bcec6faa95eb73acb2e2ae54

【讨论】：

【解决方案2】：

来自Google Translate Help：

创建自动翻译您的网站的链接在不提示用户的情况下启用翻译功能的页面，使用参数#googtrans(en|TARGET_LANG_CODE)。

例如，链接 http://translate.google.com/support/#googtrans(en|fr) 自动将页面http://translate.google.com/support/ 翻译成法语。

【讨论】：

它对我有用。但是该页面首先以英文显示并在几秒钟后翻译。有没有办法可以隐藏页面直到它翻译？

【解决方案3】：

您可以通过提供网站 URL 从https://translate.google.com 获取谷歌翻译代码。

喜欢这个：

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'ar', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

【讨论】：

其实我不需要这个下拉的东西，我只是想要，我的英文页面在页面加载事件时自动翻译成瑞典文。

【解决方案4】：

目前正在使用它的工作代码

<!DOCTYPE html>
<html lang="en-US">
<head>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>

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

<style>
body > .skiptranslate {
    //display: none;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }

@media print {
  #google_translate_element {display: none;}
}
</style>

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

<p>This example displays a simple translate button, with no text.</p>
<p>This example displays a simple translate button, with no text.</p>

<div class="notranslate">
<p >This is a paragraph.</p>
<p >
A particle is kept at rest at the top of a sphere of diameter \(42 m\). When disturbed slightly,
it slides down. At what height \( h \) from the bottom, the particle will leave the sphere <br\>
(a) \( 14m \)
(b) \( 16m \)
(c) \( 35m \)
(d) \( 70m \)

</p>
</div>

</body>
</html>

它将翻译您的网页内容。如果您不想翻译任何特定的 div 内容，只需使用类 notranslate。那么谷歌翻译器将不会翻译该 div 内容。

【讨论】：