使用 Google 翻译代码自动翻译网页 onLoad答案

【问题标题】：Using Google Translate Code to Auto Translate Webpage onLoad使用 Google 翻译代码自动翻译网页 onLoad
【发布时间】：2018-04-08 13:48:07
【问题描述】：

如何自定义此代码，以便在加载时自动翻译页面而无需单击选择按钮。例如我想用西班牙语自动加载页面？？

<div id="google_translate_element"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element");
        };
        $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit");
});

【问题讨论】：

标签： php jquery google-translate

【解决方案1】：

在“插件设置”选项卡的Website Translator 表单中，选择“翻译语言”>“特定语言”>“西班牙语”。在“显示模式”中设置“自动”并选中“自动向使用您页面语言以外的语言的用户显示翻译横幅”复选框。在“高级”块中。

这里以 HTML 页面的代码为例。使用 CSS 隐藏 Google 翻译栏和带有语言名称的下拉列表。 JS代码点击翻译的选择选项：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Test Google translate</title>
        <style>
           .skiptranslate, #google_translate_element {display: none;}
            body {min-height: 0px !important; position: static !important; top: 0px !important;}
        </style>
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" crossorigin="anonymous"></script>
        <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    </head>
    <body>
    The text is translated using Google translate.
    <div id="google_translate_element"></div>
    <script type="text/javascript">
        function googleTranslateElementInit() {
            $.when(
                new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'es',
                    layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT}, 'google_translate_element')
            ).done(function(){
                var select = document.getElementsByClassName('goog-te-combo')[0];
                select.selectedIndex = 1;
                select.addEventListener('click', function () {
                    select.dispatchEvent(new Event('change'));
                });
                select.click();
            });
        }
    </script>
    </body>
    </html>

【讨论】：

感谢您的回答，但我想做的是在加载自动翻译功能时进行操作，因为我会隐藏谷歌翻译的选择框，当页面加载时，它将根据通行证自动翻译页面到目前为止，我试图通过按钮更改参数，如果我可以触发选择按钮 onchange 事件但它没有工作 $(".goog-te-combo").val('zh-CN').trigger('change') ;
这不再是一个选项。