HTML Google翻译-适用于中国和世界其他地区

Posted 2023-02-05

我正在使用以下代码进行Google翻译，并且效果很好。问题在于，由于google.translate.com被阻止，中国的这些人无法访问google翻译下拉列表。但是google.translate.cn没有被阻止。我已经尝试过在脚本部分中简单地使用google.translate.cn，但是语言下拉列表全部是中文...

我如何引导在语言选项中选择中文的用户使用google.translate.cn，而世界其他地方使用google.translate.com？

我想我需要使用自定义下拉菜单，而不是默认的Google下拉菜单？有人有关于如何执行此操作的代码吗？在此先感谢

<Style>
.goog-te-banner-frame.skiptranslate 
    display: none !important;
     
body 
    top: 0px !important;
font-family: "Segoe UI", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-weight: 400 ;
    
 </Style>
<div id="google_translate_element">


<script>
   function googleTranslateElementInit() 
                new google.translate.TranslateElement(pageLanguage: 'en', includedLanguages: 'en,ko,ja,id,ms,th,vi,zh-CN,zh-TW', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL, 'google_translate_element');

                 /*
            To remove the "powered by google",
            uncomment one of the following code blocks.
            NB: This breaks Google's Attribution Requirements:
            https://developers.google.com/translate/v2/attribution#attribution-and-logos
        */

        // Native (but only works in browsers that support query selector)
        if(typeof(document.querySelector) == 'function') 
           document.querySelector('.goog-logo-link').setAttribute('style', 'display: none');
            document.querySelector('.goog-te-gadget').setAttribute('style', 'font-size: 0');
        

        // If you have jQuery - works cross-browser - uncomment this
        jQuery('.goog-logo-link').css('display', 'none');
        jQuery('.goog-te-gadget').css('font-size', '0');



  




        </script>

                <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></div>

答案

直截了当的处理方法是同时从google.com和google.cn加载翻译脚本。在这种情况下，如果无法从google.com加载，则应该从google.cn加载。

唯一需要确保确保Google Translate Element仅创建一次。

<script>
var googleTranslateElement; //global var for Google Translate Element

function googleTranslateElementInit() 

    if (googleTranslateElement) return; //var being non-empty means element already created

    //store Google Translate Element in our var
    googleTranslateElement = new google.translate.TranslateElement(pageLanguage: 'en', includedLanguages: 'en,ko,ja,id,ms,th,vi,zh-CN,zh-TW', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL,'google_translate_element'); 

//----- cut -----


</script>

...，别忘了也从translate.google.cn加载翻译脚本：

<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<!-- Load translate script from translate.google.cn -->

<script type="text/javascript" src="https://translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit"></script>