【问题标题】:How to embed translate.google.com without iframe/object (X-Frame-Options is SAMEORIGIN)如何在没有 iframe/object 的情况下嵌入 translate.google.com(X-Frame-Options 是 SAMEORIGIN)
【发布时间】:2013-05-22 16:31:21
【问题描述】:

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

我尝试过使用 iframe 或 HTML5 object 标签,但谷歌有 X-FRAME-OPTIONS="SAMEORIGIN" 所以禁止框任何东西,新浏览器不显示。

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

最后一个选项是使用google translate API,但它是一项付费服务​​。 此外,我不会发送数千条文本来翻译和饱和谷歌,用户设备将访问谷歌服务器并根据需要翻译一些内容,所以我没有理由为此付费。

你知道我能做什么吗?

提前致谢。

【问题讨论】:

    标签: javascript api iframe google-translate


    【解决方案1】:

    如果您愿意,您可以随时选择我在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>
    

    【讨论】:

    • 感谢您的帮助,但我不想翻译我的页面,我想要两个 textarea like translate.google.com has 并为用户提供翻译文本的选项。使用 iframe 标签会非常简单 :-) 再次感谢
    • okey doke,显然误解了,我会把答案留在那里 - 它可能对某人有帮助。
    猜你喜欢
    • 2021-05-09
    • 1970-01-01
    • 2012-08-24
    • 1970-01-01
    • 2019-06-22
    • 1970-01-01
    • 1970-01-01
    • 2013-04-30
    • 2017-06-05
    相关资源
    最近更新 更多