php 使用Google Translate代码实现网页onLoad的自动翻译

kq4fsx7k  于 2023-01-29  发布在  PHP
关注(0)|答案(1)|浏览(269)

你如何自定义这个代码,以便在加载时,它会自动翻译的网页,而不点击选择按钮。例如,我想加载的网页自动在西班牙语?

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

ajsxfq5m1#

Website Translator表单中的“插件设置”选项卡中选择“翻译语言”〉“特定语言”〉“西班牙语”。在“显示模式”中设置“自动”,并在“高级”框中选中“自动向使用您页面语言以外的语言的用户显示翻译横幅”复选框。
下面是HTML页面的代码示例。谷歌翻译栏和语言名称的下拉列表使用CSS隐藏。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>

相关问题