如何嵌入translate.google.com没有iframe/对象(x - frame选项是SAMEORIGIN)
How to embed translate.google.com without iframe/object (X-Frame-Options is SAMEORIGIN)
我正在尝试嵌入谷歌翻译页面。我想有相同的行为作为谷歌翻译网站有,两个框,和'箭头'改变语言等。
我已经尝试了一个iframe或HTML5 object标签,但谷歌有X-FRAME-OPTIONS="SAMEORIGIN"所以它是禁止框架的任何东西,新的浏览器不显示它。
另一个选择是使用谷歌小工具,但我读到它们将被弃用,谷歌翻译小工具不具有与web相同的功能。
最后一个选择是使用谷歌翻译API,但它是一个付费服务。此外,我不会发送成千上万的文本来翻译和饱和谷歌,用户的设备将访问谷歌服务器和翻译的东西,如果他们想要的,所以我没有意义为它付费。
你知道我该怎么做吗?
如果你愿意,你也可以选择像我在Organique页面上写的东西。
这是一个类似于谷歌翻译的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>
相关文章:
- 我的单元测试选项是什么
- 如何更改bigquery API中的计费层选项
- 使用Javascript获取所选选项ID
- Selectize.js:如何对整数值的选项进行排序
- 通过js在新选项卡中有条件地打开url
- 按照选项卡索引的顺序循环一个jQuery选择
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- 无法在Ionic select中预先选择最后一个选项
- 如何在选项卡上定义属性'的主窗口对象
- 为什么grunt contrib connect的中间件选项的第三个参数是未定义的
- 使用此选项选择父类内部的类
- CKeditor:更改对话框中的默认选择选项
- JQuery覆盖不更改单选选项
- 活动选项卡's源代码-获取变量s值
- 绑定时将Parsley minlength消息作为选项传递时,未对其进行自定义
- 如何从选择框中的选项中获取属性值
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 如何嵌入translate.google.com没有iframe/对象(x - frame选项是SAMEORIGIN)
- 四处走动x - frame选项DENY在Chrome扩展