Google翻訳コードを使用してウェブページを自動的に翻訳する

このコードをカスタマイズすると、読み込み時に選択ボタンをクリックせずにページが自動翻訳されるようになります。私はスペイン語で自動的にページをロードしたいのですか？ Website Translator形でGoogle翻訳コードを使用してウェブページを自動的に翻訳する

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

出典

2017-10-27 jigen7

「プラグイン設定」タブの「翻訳言語」>「特定の言語」を選択してください>「スペイン語」。 [表示モード]で[自動]を設定し、[ページの言語以外の言語を使用するユーザーに翻訳バナーを自動的に表示する]チェックボックスをオンにします。「高度な」ブロックに表示されます。

例としてHTMLページのコードを示します。 Googleの翻訳バーと言語名のドロップダウンリストは、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>

出典

2017-10-27 03:58:20 camelsWriteInCamelCase

感謝しかし、私は何をしたいの自動車が病気にGoogle翻訳の選択ボックスを非表示にし、ときにページするよう機能を変換ロード時に操作されますロードすると、ページを自動的にパスパラメータに基づいて変換します。これまでのところ、selectボタンonchangeイベントをトリガーすることはできますが、それを呼び出すことはできません。 $（ "。goog-te-combo"）val 'zh-CN'）。trigger（ 'change'）; – jigen7

これはあなたの問題を解決しましたか？@ jigen7？ – camelsWriteInCamelCase

いくつかのサンプルコードをありがとう、それは私にアイデアを与えた – jigen7

Google翻訳コードを使用してウェブページを自動的に翻訳する

答えて

関連する問題