网站添加谷歌翻译工具条后自动翻译为指定语言

  如何给网站添加谷歌工具条可以参考这篇文章:给网站增加google翻译工具条

  现在要实现的是,如何通过谷歌翻译工具条,自动将网站的内容翻译为指定的语言,不需要人工点开语言选择框,然后选择对应的语言后才执行翻译操作。

  通过观察谷歌翻译工具条可以看到语言选择DOM对象在一个iframe里面,样式为.goog-te-menu-frame,还在不是从谷歌url地址加载,要不跨域了就无法用js控制谷歌翻译工具条的自动翻译了。

网站添加谷歌翻译工具条后自动翻译为指定语言

  实现思路就是获取iframe里面的连接对象,遍历找到对应的语言,然后触发下onclick()就搞定了。

 

  网站添加谷歌翻译工具条后自动翻译为指定语言源代码如下,自动将中文翻译为英文语言

<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<div id="google_translate_element"></div>
<script>
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'zh-CN',
            autoDisplay: true,
            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
        }, 'google_translate_element');
    }
    googleTranslateElementInit()
</script>
<!----------谷歌翻译结束,下面为测试用的内容-------------->
<div>  如何给网站增加google翻译工具条,通过谷歌的翻译工具条将网站内容翻译成其他语言的。虽然谷歌翻译得不是100%准确,但至少可以看懂个大概。
  将下面代码放到需要显示谷歌工具条的位置,就会在该位置显示如下所示的谷歌翻译工具条了。</div>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    $(window).load(function () {
        $('iframe.goog-te-menu-frame').contents().find('a').each(function () {
             var a = $(this);
///////////////翻译为其他语言修改这里的关键字,还有一个问题注意如果是国外访客,那么工具条可能显示的是英语,那么注意关键字设置为英语的,具体自己用开发看显示出来的工具条具体的内容。
             if ($.trim(a.text()).indexOf('英语') != -1) a[0].click();
        });
    });
</script>

网站添加谷歌翻译工具条后自动翻译为指定语言


原创文章,转载请注明出处:网站添加谷歌翻译工具条后自动翻译为指定语言

评论(0)Web开发网
阅读(315)喜欢(5)不喜欢(0)JavaScript/Ajax