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

Question

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

<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");
});

Answer 1

在 Website Translator 表格的 "Plugin Settings" 选项卡中选择 "Translation languages" > "Specific languages" > "Spanish"。在 "Display mode" 中设置 "Automatic" 并选中 "Advanced" 块中的复选框 "Automatically display translation banner to users speaking languages other than the language of your page."。

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

<!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>

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

Using Google Translate Code to Auto Translate Webpage onLoad

php

jquery

google-translate