Question

我正在使用cordova为我的网站创建一个电话应用程序。我想在阿拉伯语和英语之间翻译我的网站。我在java脚本中使用谷歌翻译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');
    }
}

如何将谷歌翻译实施到我的应用程序

1 个答案: