如何实现Google翻译到我的应用程序

Question

我正在使用Cordova为我的网站创建电话应用程序。我想在阿拉伯语和英语之间翻译我的网站。我在Java脚本中使用Google Translator API实施它。这是我使用的代码

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

此代码适用于我的index.html页面（主页）。但是问题仅在我的index.html页面上进行。当我从主页上重定向到其他任何页面时，我仍然使用英语。我如何在应用程序中翻译整个页面

Answer 1

为您的pageLanguage设置任何默认语言，例如pageLanguage: 'en'

此功能将返回您选择的语言，您可以将其设置为localstorage并在您需要的每个页面中获取

function readCookie(name) {
    var c = document.cookie.split('; '),
    cookies = {}, i, C;
    for (i = c.length - 1; i >= 0; i--) {
        C = c[i].split('=');
        cookies[C[0]] = C[1];
     }
     return cookies[name];
     localStorage.setItem("selLanguage",cookies[name])
}
console.log(readCookie('googtrans'));

您可以使用页面加载脚本（例如

）设置的

function googleTranslateElementInit() {
    var selLang = localStorage.getItem("selLanguage");
    if(selLang !== null && selLang == "ar")
    {
        new google.translate.TranslateElement({pageLanguage: 'ar', includedLanguages: 'ar,en'}, 'google_translate_element');
    }
    else
    {
        new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar,en'}, 'google_translate_element');
    }
}