如何在没有iframe / object的情况下嵌入translate.google.com(X-Frame-Options是SAMEORIGIN)

时间:2013-05-22 16:31:21

标签: javascript api iframe google-translate

我正在尝试嵌入google translator page。我想有与谷歌翻译网站相同的行为,两个方框和'箭头'来改变语言等。

我尝试使用 iframe 或使用HTML5 object 标记,但谷歌有 X-FRAME-OPTIONS =“SAMEORIGIN”所以禁止框架任何内容,新浏览器不显示它。

另一种选择是使用google gadgets,但我已经读过它们将被弃用,google translate gadget与网络没有相同的功能。

最后一个选项是使用google translate API,但它是付费服务。 此外,我不会发送数千个文本来翻译和饱和谷歌,用户设备将访问谷歌服务器并翻译一些他们想要的东西,所以我没有意义为它付钱。

你知道我该怎么办?

提前致谢。

1 个答案:

答案 0 :(得分:0)

如果您愿意,可以随时选择我在Organique页面上添加的内容。

它是一个与Google翻译相似的JavaScript小部件 - 您只需将其放在每个页面上。

<!-- GTranslate: http://gtranslate.net/ -->
<style type="text/css">
<!--
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-te-gadget-icon {background-image:url(http://joomla-gtranslate.googlecode.com/svn/trunk/gt_logo_19x19.gif) !important;background-position:0 0 !important;}
body {top:0 !important;}
-->
</style>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE,autoDisplay: false, includedLanguages: ''}, 'google_translate_element');}
</script><script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>