Javascript& Google网站翻译 - 自动加载所选语言的网页

时间:2017-05-24 16:58:43

标签: javascript jquery html css google-translate

我是Javascript和Web Programming的新手。我正在努力学习如何将网站页面自动翻译成用户选择的语言。我有一个后端页面,用户可以决定设置他们的默认语言,它会在任何页面加载时自动转换为该语言。我遇到的问题是,如果用户从谷歌下拉菜单更改语言,尽管在他们的个人资料中选择了语言,它将使用所选的最后一种语言。我在这里有这个代码:

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


<style>
.goog-te-banner-frame.skiptranslate {
    display: none !important;
} body { top: 0px !important; }
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}
</style>
<p>Here is the Area where Google fetches the part to be translated</p>

这是我的小提琴:https://jsfiddle.net/k0j2ts72/

在此示例中,我想预先假定用户在其个人资料中输入了默认语言Dutch。如果在一个页面上他们从翻译下拉菜单中选择:意大利语,无论我如何编码或在后端设置什么,它将始终使用意大利语。一旦在系统/浏览器上自动检测到语言,这也使我更难以因为该站点最初不会将其更改为该语言。它将永远是英语或他们从其他网站选择的任何语言。

我已经查看了有关堆栈溢出的以下答案,这些答案都无济于事:Answer 1Answer 2Answer 3。但没有什么能做我需要的。有谁可以在这里提供帮助?谢谢!

0 个答案:

没有答案