网站添加谷歌翻译工具条后自动翻译为指定语言
如何给网站添加谷歌工具条可以参考这篇文章:给网站增加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>
加支付宝好友偷能量挖...
原创文章,转载请注明出处:网站添加谷歌翻译工具条后自动翻译为指定语言